/* ============================================================
   BRAND — BY ANY MEANS (the franchise look)
   Layer 2 of the cascade: every BAM location site loads this on
   top of system/core.css, then its own clients/<slug>/theme.css.

   Black / Gold / White. NO light surfaces. Gold is the ONLY accent.
   Sharp edges, Anton caps, gold <em> emphasis, no emoji. Voice +
   photo treatment: BRAND-GUIDE.md · design taste: NOTES.md.

   Editing THIS file restyles every BAM location at once.
   After edits run:  node scripts/sync-design.mjs
   ============================================================ */

/* Fonts — all on Google Fonts (no local files needed).
   Anton: display/headline.  Inter Tight: body/UI.
   UnifrakturMaguntia: ADAPT-only blackletter eyebrow. */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter+Tight:wght@400;500;600;700&family=UnifrakturMaguntia&display=swap');

:root {
  /* ----- BASE COLOR PALETTE ----- */
  --gold:          #E2DD9F;   /* brand gold — primary accent, all key moments */
  --gold-soft:     #F0ECC0;   /* lighter gold tint */
  --gold-line:     rgba(212,164,55,0.22); /* ghost gold for borders/dividers */

  --black:         #0A0A0A;   /* near-black — primary page surface */
  --black-deep:    #000000;   /* pure black — deepest hero/footer */
  --black-lift:    #141414;   /* lifted black — card / secondary surface */

  --white:         #FFFFFF;   /* primary text on dark */
  --white-80:      rgba(255,255,255,0.82); /* body copy */
  --white-70:      rgba(255,255,255,0.70); /* secondary / labels */
  --white-line:    rgba(255,255,255,0.14); /* neutral hairline */

  /* ----- SEMANTIC COLOR ALIASES (what core.css + components consume) ----- */
  --bg:            var(--black);        /* default page background */
  --bg-deep:       var(--black-deep);   /* hero / footer */
  --surface:       var(--black-lift);   /* cards */
  --accent:        var(--gold);
  --fg:            var(--white);        /* default text */
  --fg-muted:      var(--white-80);     /* body text */
  --fg-subtle:     var(--white-70);     /* captions, labels */
  --border:        var(--gold-line);    /* default (gold) border on dark */
  --border-neutral:var(--white-line);

  /* ----- TYPE FAMILIES ----- */
  --font-display:    'Anton', 'Impact', sans-serif;          /* ALL headlines */
  --font-body:       'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-blackletter:'UnifrakturMaguntia', 'Old English Text MT', serif; /* ADAPT signature */

  /* ----- BRAND RHYTHM ----- */
  --ls-display: -0.01em;   /* tight on big display (Anton) */
  --ls-eyebrow: 0.18em;    /* wide on eyebrows */
  --ls-eyebrow-xl: 0.32em; /* extra-wide eyebrow */
  --radius:      0px;      /* SHARP EDGES — no rounding, ever */

  /* ----- SHADOWS (used sparingly, only on hover/overlay) ----- */
  --shadow-card: 0 24px 60px rgba(0,0,0,0.5);
  --shadow-cta:  0 18px 40px rgba(0,0,0,0.3);
}