/*
Theme Name: Gold Detailing Theme
Theme URI: https://example.com/gold-detailing
Author: Flexbox
Description: Premium dark + brass detailing theme for US locale. Diagonal section separators, author glows, subtle textures, accessible and performant.
Version: 1.1.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gold-detailing
*/

/* Minimal root styles here; full styling lives in assets/css/*.css */

:root {
  /* Dark surfaces (slightly cooler, less “generic” dark) */
  --gdt-bg: #0a0d12;          /* page background (onyx/ink) */
  --gdt-bg-2: #0e141b;        /* alt section */
  --gdt-surface: #101722;     /* cards/nav base */
  --gdt-surface-2: #151d28;   /* footer/secondary blocks */

  /* Typography */
  --gdt-text: #e7eaef;        /* slightly cooler off‑white */
  --gdt-muted: #a7b2c2;       /* cooler muted for readability */
  --gdt-font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", sans-serif;

  /* Brand metals (brass/copper) — warmer, less saturated gold */
  --gdt-gold-300: #eed89a;    /* light brass */
  --gdt-gold-400: #e3c679;    /* mid brass */
  --gdt-gold-500: #d2b46c;    /* brass core */
  --gdt-gold-600: #b69656;    /* aged brass */
  --gdt-gold-700: #9c7e46;

  /* Optional copper accent (for small details or hover) */
  --gdt-copper-400: #cf9a72;
  --gdt-copper-500: #c6855e;

  /* Accents */
  --gdt-accent: var(--gdt-gold-500);    /* primary accent still brass */
  --gdt-accent-2: #57c6cf;              /* cool aqua accent for contrast (links/chips) */
  --gdt-success: #39d68a;
  --gdt-danger:  #ff6b6b;
  --gdt-warning: #ffb347;

  /* Radii & shadows */
  --gdt-radius: 14px;
  --gdt-radius-sm: 10px;
  --gdt-radius-lg: 18px;
  --gdt-shadow-1: 0 10px 30px rgba(0,0,0,.42);
  --gdt-shadow-2: 0 18px 40px rgba(0,0,0,.58);

  /* Gaps */
  --gdt-gap: 24px;
  --gdt-gap-lg: 40px;

  /* Container */
  --gdt-grid: 1280px;                      /* keep for legacy selectors */
  --gdt-grid-pad: clamp(16px, 3vw, 32px);

  /* Author patterns and glows (reduced “AI-like” noise by default) */
  --gdt-pattern-alpha: .035;               /* was .06 — subtler */
  --gdt-line-alpha: .12;

  /* Glow tokens (used by extras to draw custom halo circles) */
  --gdt-glow-gold-1: color-mix(in oklab, var(--gdt-gold-500) 22%, transparent);
  --gdt-glow-gold-2: color-mix(in oklab, var(--gdt-gold-400) 16%, transparent);
  --gdt-glow-ice-1:  rgba(103,183,255,.10);
  --gdt-glow-ice-2:  rgba(103,183,255,.07);

  /* Motion */
  --gdt-ease: cubic-bezier(.2,.7,.1,1);
  --gdt-fast: 180ms;
  --gdt-mid: 320ms;
  --gdt-slow: 600ms;

  /* z-index scale */
  --z-base: 1;
  --z-sticky: 10;
  --z-overlay: 100;
  --z-max: 999;
}

/* Prefer dark UI if system supports color-scheme */
@media (prefers-color-scheme: dark){
  :root{
    color-scheme: dark;
  }
}

html, body {
  background: var(--gdt-bg);
  color: var(--gdt-text);
  font-family: var(--gdt-font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Selection tuning (harmonized with brass) */
::selection{
  background: rgba(210,180,108,.35);
  color: #fff;
}

/* Safe defaults for links (accent-2 on hover for contrast) */
a{
  color: inherit;
  text-decoration: none;
  transition: color var(--gdt-fast) var(--gdt-ease);
}

/*
a:hover{
  color: var(--gdt-accent-2);
}*/


img.custom-logo {
    width: 190px;
    height: auto;
}