@charset "UTF-8";
/* ============================================================
   tokens.css — Trust Tint "Showroom Black" design system
   Single source of truth. Every other file reads from :root.
   ============================================================ */
:root{

  /* ---- Core surfaces ---- */
  --black:        #0a0a0a;   /* page ground — flat glossy black */
  --black-pure:   #000000;   /* nav / footer / deep panels */
  --surface:      #141414;   /* cards & panels */
  --surface-2:    #1b1b1b;   /* raised / hover rows */

  /* ---- Gold ---- */
  --gold:         #d4af37;   /* solid accent: buttons, icons, labels */
  --gold-hover:   #f1d27a;   /* hover / active */
  --gold-deep:    #8a661d;   /* deep gold: gradient base, numbering */
  --gold-line:    rgba(212,175,55,.38);  /* faint gold borders/dividers */

  /* ---- Metallic gradients (the signature) ---- */
  --grad-gold:    linear-gradient(180deg,#fbe9a6 0%,#ecc965 28%,#d4af37 52%,#a9801f 78%,#7c5c18 100%);
  --grad-chrome:  linear-gradient(180deg,#ffffff 0%,#eaeaea 26%,#bdbdbd 48%,#fbfbfb 58%,#8f8f8f 86%,#cfcfcf 100%);

  /* ---- Text ---- */
  --text:         #f4f4f4;   /* primary copy */
  --text-2:       #a6a6a6;   /* subtitles / captions */
  --text-3:       #868686;   /* tertiary / placeholder — 4.7:1 min on every surface */
  --on-gold:      #0a0a0a;   /* text on gold buttons */

  /* ---- Borders ---- */
  --border:       #262626;   /* cards & tables */
  --border-input: #666666;   /* form fields at rest — 3.3:1 on the field fill */

  /* ---- Glass morphism ---- */
  --glass:        rgba(255,255,255,.05);
  --glass-stroke: rgba(255,255,255,.12);
  --blur:         16px;

  /* ---- Glow & shadow ---- */
  --glow-gold:    0 0 0 3px rgba(212,175,55,.22);
  --sh-sm:        0 2px 8px rgba(0,0,0,.45);
  --sh-md:        0 14px 40px rgba(0,0,0,.6);
  --sh-lg:        0 30px 70px rgba(0,0,0,.7);

  /* ---- Typography ---- */
  --display: 'Archivo', system-ui, sans-serif;
  --body:    'Manrope', system-ui, sans-serif;
  --script:  'Kaushan Script', cursive;

  /* ---- Border radius — intentionally tiny ---- */
  --r-xs: 2px;   /* inputs, small chips */
  --r-sm: 3px;   /* buttons */
  --r-md: 4px;   /* cards, panels, tables */
  --r-pill: 999px; /* only true pills (tags) */

  /* ---- Spacing scale (4px base) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* ---- Layout ---- */
  --maxw: 1120px;
  --gutter: 24px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-fast: .25s;
  --t-mid:  .35s;
}