:root[data-theme="light"] {
  --bg: #f5f1e8;
  --bg-soft: #efe9dc;
  --surface: #fffdf8;
  --surface-hover: #fdfbf6;
  --surface-muted: #e9e3d7;
  --surface-quiet: #e9e3d7;
  --border: rgba(118, 86, 39, 0.18);
  --border-hover: rgba(118, 86, 39, 0.4);
  --line: rgba(118, 86, 39, 0.18);
  --line-strong: rgba(118, 86, 39, 0.4);
  --text-primary: #2a2823;
  --text-secondary: #68645d;
  --text-tertiary: #8d8981;
  --ink: var(--text-primary);
  --ink-soft: var(--text-secondary);
  --ink-faint: var(--text-tertiary);
  --gold: #a8895c;
  --gold-bright: #c9a96e;
  --gold-muted: #8a7556;
  --gold-glow: rgba(168, 137, 92, 0.1);
  --focus-ring: #765d39;
  --label-accent: #765d39;
  --signal: #285d56;
  --signal-soft: #d8e5e1;
  --teal: var(--signal);
  --teal-soft: var(--signal-soft);
  --success-text: #285d56;
  --danger: #9f443c;
  --error: var(--danger);
  --error-text: var(--danger);
  --input-border: #806b4b;
  --auth-field-border: var(--input-border);
  --nav: rgba(245, 241, 232, 0.88);
  --nav-bg: rgba(245, 241, 232, 0.75);
  --shadow: rgba(44, 34, 20, 0.12);
  --particle-color: 168, 137, 92;
  --particle-max-opacity: 0.25;
  --hero-gradient: radial-gradient(ellipse at 50% 40%, rgba(168, 137, 92, 0.05) 0%, transparent 60%);
  --hero-copy: #f2ede3;
  --hero-overlay: rgba(20, 29, 25, 0.82);
  --echo-hero-bg: #18231f;
  --echo-editorial-bg: #17211d;
}

:root[data-theme="dark"] {
  --bg: #0d0d0d;
  --bg-soft: #141414;
  --surface: #1a1a1a;
  --surface-hover: #222222;
  --surface-muted: #22241f;
  --surface-quiet: #22241f;
  --border: rgba(201, 169, 110, 0.16);
  --border-hover: rgba(201, 169, 110, 0.4);
  --line: rgba(201, 169, 110, 0.16);
  --line-strong: rgba(201, 169, 110, 0.4);
  --text-primary: #e8e6e1;
  --text-secondary: #aaa69b;
  --text-tertiary: #77736b;
  --ink: var(--text-primary);
  --ink-soft: var(--text-secondary);
  --ink-faint: var(--text-tertiary);
  --gold: #c9a96e;
  --gold-bright: #e0c285;
  --gold-muted: #8a7556;
  --gold-glow: rgba(201, 169, 110, 0.15);
  --focus-ring: #e0c285;
  --label-accent: #c9a96e;
  --signal: #78a99f;
  --signal-soft: #18342f;
  --teal: var(--signal);
  --teal-soft: var(--signal-soft);
  --success-text: #d1b77f;
  --danger: #e69a90;
  --error: var(--danger);
  --error-text: var(--danger);
  --input-border: #8a7556;
  --auth-field-border: var(--input-border);
  --nav: rgba(13, 13, 13, 0.88);
  --nav-bg: rgba(13, 13, 13, 0.72);
  --shadow: rgba(0, 0, 0, 0.36);
  --particle-color: 201, 169, 110;
  --particle-max-opacity: 0.55;
  --hero-gradient: radial-gradient(ellipse at 50% 40%, rgba(201, 169, 110, 0.06) 0%, transparent 60%);
  --hero-copy: #f2ede3;
  --hero-overlay: rgba(9, 13, 11, 0.78);
  --echo-hero-bg: #111713;
  --echo-editorial-bg: #121814;
}