/* public/assets/tk/tokens.css — Tudor Heritage design tokens */
:root {
  /* Shared accents (identical in both themes — the through-line) */
  --tk-burgundy: #7b1e2b;
  --tk-burgundy-hover: #9d2f3d;
  --tk-burgundy-soft: #c98a94;   /* burgundy text on dark */
  --tk-burgundy-ink: #6e1423;    /* burgundy text on light */
  --tk-lume: #e8dcc0;
  --tk-gold: #b08a3c;            /* Featured flag ONLY */
  --tk-success: #2e7850;

  /* Type */
  --tk-font-display: "Archivo", system-ui, sans-serif;
  --tk-font-body: "Inter", system-ui, sans-serif;
  --tk-fs-display: clamp(2.4rem, 6vw, 3rem);
  --tk-fs-h1: clamp(1.7rem, 4vw, 2.15rem);
  --tk-fs-h2: 1.35rem;
  --tk-fs-body: 1rem;
  --tk-fs-label: 0.6875rem;
  --tk-tracking-label: 0.2em;

  /* Spacing / radius / elevation / motion */
  --tk-space-1: 0.25rem; --tk-space-2: 0.5rem; --tk-space-3: 0.75rem;
  --tk-space-4: 1rem; --tk-space-6: 1.5rem; --tk-space-8: 2rem; --tk-space-12: 3rem;
  --tk-radius: 0.5rem; --tk-radius-lg: 0.875rem; --tk-radius-pill: 999px;
  --tk-shadow: 0 10px 30px rgba(0,0,0,.18);
  --tk-shadow-burg: 0 8px 20px rgba(123,30,43,.4);
  --tk-ease: cubic-bezier(.2,.6,.2,1);
  --tk-container: 1200px;
}

/* Dark storefront — neutral gunmetal */
body.tk-dark {
  --tk-page: #131312; --tk-surface: #1c1a1a; --tk-raised: #262324;
  --tk-text: #efeae1; --tk-text-muted: #a69e95; --tk-border: rgba(232,220,192,.12);
  --tk-accent-text: var(--tk-burgundy-soft);
  --tk-gold-ink: var(--tk-gold);
  color-scheme: dark;
}

/* Light content — warm ivory */
body.tk-light {
  --tk-page: #f6f2ea; --tk-surface: #ffffff; --tk-raised: #ffffff;
  --tk-text: #23201b; --tk-text-muted: #6b6459; --tk-border: #e7e0d3;
  --tk-accent-text: var(--tk-burgundy-ink);
  /* Text/icon-safe gold — --tk-gold (#b08a3c) only clears AA as a background
     (dark text on gold, e.g. .tk-btn--gold, .tk-badge--feat). As foreground
     text/icon color on this theme's white/ivory surfaces it measures 3.21:1
     and 2.87:1 — both fail. ~5.9:1 on white, ~5.3:1 on --tk-page. */
  --tk-gold-ink: #7d5f22;
  color-scheme: light;
}