/* ##################################################
################## THEME TOKENS ######################
################################################## */
/* All brand-specific values live here: colors, fonts, spacing tokens.
   To retheme the whole site, edit this file only — style.css never
   hardcodes a color or font, it only reads these custom properties. */

:root,
[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #0e0d0b;
  --color-surface: #161412;
  --color-surface-2: #252324;
  --color-text: #f7f5f2;
  --color-text-muted: #b5afa8;
  --color-text-soft: rgba(247, 245, 242, 0.72);
  --color-primary: #c9a84c;
  --color-primary-hover: #a88a3b;
  --color-primary-soft: rgba(201, 168, 76, 0.18);
  --color-accent: #f7f5f2;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(201, 168, 76, 0.4);
  --color-page-gradient: linear-gradient(180deg, rgba(18, 16, 15, 1), rgba(13, 12, 11, 1));
  --color-hero-accent: radial-gradient(circle at top right, rgba(201, 168, 76, 0.16), transparent 42%);
  --shadow-card: 0 18px 48px rgba(0, 0, 0, 0.34);
}

[data-theme="light"] {
  color-scheme: light;
  --color-bg: #f7f3ee;
  --color-surface: #ffffff;
  --color-surface-2: #efe8de;
  --color-text: #171310;
  --color-text-muted: #5d554c;
  --color-text-soft: rgba(23, 19, 16, 0.68);
  --color-primary: #8a6d1f;
  --color-primary-hover: #6a5418;
  --color-primary-soft: rgba(138, 109, 31, 0.12);
  --color-accent: #171310;
  --color-border: rgba(17, 17, 17, 0.08);
  --color-border-strong: rgba(138, 109, 31, 0.32);
  --color-page-gradient: linear-gradient(180deg, rgba(246, 243, 239, 1), rgba(255, 255, 255, 1));
  --color-hero-accent: radial-gradient(circle at top right, rgba(138, 109, 31, 0.10), transparent 38%);
  --shadow-card: 0 16px 42px rgba(26, 18, 9, 0.1);
}

:root {
  --font-body: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-display: 'Arial Black', 'Segoe UI', sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  --fs-body: clamp(0.96rem, 0.93rem + 0.14vw, 1rem);
  --fs-copy: clamp(0.9rem, 0.87rem + 0.12vw, 0.96rem);
  --fs-label: clamp(0.68rem, 0.66rem + 0.08vw, 0.74rem);
  --radius-card: 16px;
  --nav-height: 64px;
}