/*
  DAMN GOOD INTERIORS — Shared Design Tokens
  ============================================
  CANONICAL SOURCE for brand tokens shared across:
    • DGI-Website  (marketing site — currently declares these inline in css/style.css :root)
    • DGI-Portal   (client portal — css/tokens.css is a copy of this file)

  Both projects are plain static sites served from their own roots, so they
  can't @import across folders at runtime. Edit HERE first, then re-copy into
  each project. Values extracted verbatim from DGI-Website/css/style.css :root.

  Fonts: Tusker Grotesk (paid license) + N27 are self-hosted .woff2 files —
  each project carries its own /fonts folder. Inter loads via Google Fonts <link>.
*/

:root {
  /* ── Brand colors ─────────────────────────────────────────── */
  --eggplant:      #520026;
  --hot-pink:      #F362DB;
  --golden-yellow: #FFC412;
  --peach:         #FFE3BB;
  --ivory:         #FFFCEB;
  --turquoise:     #1ED9D2;

  /* ── Type stacks ──────────────────────────────────────────── */
  --font-headline: 'Tusker Grotesk', 'Impact', sans-serif;  /* 7700 Bold — all-caps display */
  --font-label:    'N27', 'Helvetica Neue', sans-serif;     /* Regular — nav, labels, UI */
  --font-body:     'Inter', 'Helvetica Neue', sans-serif;   /* body copy */

  /* ── Layout constants (from the 1440px design canvas) ─────── */
  --page-max-width: 1440px;
  --page-pad-x:     80px;

  /* ── Derived / utility (used by DGI-Portal; safe for site too) ── */
  --eggplant-12:   rgba(82, 0, 38, 0.12);   /* hairline borders (matches nav is-scrolled) */
  --eggplant-60:   rgba(82, 0, 38, 0.60);   /* muted text on light bg */
}