:root {
  color-scheme: light;

  --gold: #A8794A;

  --bg: #FBFAF7;
  --surface: #F1EEE8;
  --surface-strong: #FFFFFF;
  --logo-bg: #FFFFFF;
  --text: #16181A;
  --accent: #234E3C;
  --muted: #6B6E72;
  --border: rgba(22, 24, 26, 0.12);
  --border-strong: rgba(22, 24, 26, 0.18);
  --shadow-color: 22 24 26;
  --shadow-soft: 0 18px 50px rgb(var(--shadow-color) / 0.08);
  --shadow-raise: 0 30px 70px rgb(var(--shadow-color) / 0.12);
  --button-bg: #425446;
  --button-bg-hover: #314035;
  --button-fg: #ffffff;
  --button-border: rgba(66, 84, 70, 0.92);
  --button-shadow: 0 14px 28px rgb(66 84 70 / 0.18);
  --link-color: #425446;
  --link-hover: #2b3a2f;
  --outline-border: rgba(66, 84, 70, 0.38);
  --outline-border-hover: rgba(66, 84, 70, 0.82);
  --outline-bg-hover: rgb(66 84 70 / 0.08);
  --outline-fg-hover: #233126;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --content-max: 75rem;
  --radius-xs: 0.5rem;
  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --radius-pill: 999px;

  --transition-fast: 160ms ease;
  --transition: 240ms ease;
}

html[data-theme="light"][data-palette="airy"] {
  --bg: #F4F4F2;
  --surface: #E8E8E4;
  --surface-strong: #FFFFFF;
  --logo-bg: #F4F4F2;
  --text: #2F2E2A;
  --accent: #A8794A;
  --muted: #74726C;
  --border: rgba(47, 46, 42, 0.12);
  --border-strong: rgba(47, 46, 42, 0.20);
  --shadow-color: 47 46 42;
  --shadow-soft: 0 1px 2px rgb(0 0 0 / 0.05);
  --shadow-raise: 0 4px 14px rgb(0 0 0 / 0.07);
  /* low-key ink CTA — higher specificity than the gold button-style, so it wins */
  --button-bg: #33302B;
  --button-bg-hover: #211F1B;
  --button-fg: #FAF7F2;
  --button-border: rgba(51, 48, 43, 0.9);
  --button-shadow: 0 6px 16px rgb(51 48 43 / 0.14);
  --link-color: #7A5A32;
  --link-hover: #5E4526;
  --outline-border: rgba(47, 46, 42, 0.28);
  --outline-border-hover: rgba(47, 46, 42, 0.7);
  --outline-bg-hover: rgb(47 46 42 / 0.06);
  --outline-fg-hover: #2F2E2A;
}

html[data-button-style="gold"] {
  --button-bg: #C49A5C;
  --button-bg-hover: #b6894d;
  --button-fg: #17181A;
  --button-border: rgba(196, 154, 92, 0.95);
  --button-shadow: 0 14px 28px rgb(196 154 92 / 0.20);
  --link-color: #9B6A22;
  --link-hover: #764F17;
  --outline-border: rgba(196, 154, 92, 0.46);
  --outline-border-hover: rgba(151, 105, 34, 0.92);
  --outline-bg-hover: rgb(196 154 92 / 0.08);
  --outline-fg-hover: #7A5319;
  --outline-shadow: inset 0 1px 0 rgb(255 248 228 / 0.18);
  --outline-shadow-hover: inset 0 1px 0 rgb(255 248 228 / 0.28), 0 10px 22px rgb(124 84 28 / 0.08);
}

html[data-type-pair="atelier"] {
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
}