/* ============================================================= *
 *  KOZ Brand Guidelines v1.0 — tokens, fonts, base type         *
 *  Primary: Zion Gold · Royal Purple · Heritage Blue            *
 *  Accent: Teal · Soft Purple · Velvet Black · Soft Charcoal  *
 *           Pearl White · Mist Grey                             *
 *                                                               *
 *  TYPE ROLES                                                   *
 *  Display / titles  Playfair Display                           *
 *  Body              Poppins                                    *
 * ============================================================= */

/* Lock light UI — stops Chromium / Samsung Internet forced dark mode */
:root{
  color-scheme:only light;
  /* Primary */
  --gold:#d4af37;
  --purple:#723176;
  --blue:#075297;

  /* Accent */
  --teal:#119da4;
  --velvet:#17151a;
  --charcoal:#4b4a50;
  --pearl:#eef0f2;
  --mist:#a6adb5;

  /* Derived helpers (not in guide, for depth / soft washes) */
  --purple-deep:#4a1f4e;
  --purple-soft:color-mix(in srgb,var(--purple) 22%,var(--pearl));
  --pearl-2:#e4e6ea;
  --velvet-2:#221f28;
  --surface:var(--pearl-2);
  --ink:var(--velvet);
  --muted:var(--charcoal);
  --line:rgba(75,74,80,.16);

  /* Light brand wash — client stops @ 10% on pearl */
  --brand-wash:
    linear-gradient(90deg,
      rgba(122,45,123,.10) 0%,
      rgba(230,183,1,.10) 47%,
      rgba(1,84,156,.10) 100%),
    var(--pearl);
  --wash-ink:var(--ink);
  --wash-muted:var(--muted);
  --wash-line:var(--line);
  --wash-eyebrow:var(--purple);
  --wash-accent:var(--gold);
  --wash-em:var(--purple);

  /* Typography — Playfair for all display/titles; Poppins for UI */
  --font-display:'Playfair Display',Georgia,serif;
  --font-serif:'Playfair Display',Georgia,serif;
  --font-sans:'Poppins',system-ui,sans-serif;

  /* Layout */
  --edge:clamp(20px,5vw,72px);
  --maxw:1480px;
  --radius:2px;
  --ease:cubic-bezier(.19,1,.22,1);
}

html{
  color-scheme:only light;
  background-color:var(--pearl);
}

body{
  font-family:var(--font-sans);
  background:var(--pearl);
  color:var(--ink);
  line-height:1.6;
  font-weight:300;
  letter-spacing:.005em;
  color-scheme:only light;
}

/* All headings = Playfair Display */
h1,h2,h3,h4{
  font-family:var(--font-serif);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.01em;
}

/* Role utilities — prefer these over ad-hoc font-family */
.type-display,
.font-display{font-family:var(--font-display)}
.type-subhead{font-family:var(--font-serif)}
.type-body{font-family:var(--font-sans)}