:root {
  --bg-primary: #f3f0e8;
  --bg-secondary: #e7e2d4;
  --text-main: #1a1c1f;
  --text-muted: #5c6158;
  --accent-color: #2a5a68;
  --border-color: rgba(26, 28, 31, 0.12);
  --card-bg: #faf8f3;
  --accent-contrast: #f4f1ea;
  --header-bg: rgba(243, 240, 232, 0.92);
  --hero-overlay: rgba(18, 22, 26, 0.52);
  --shadow: 0 0 0 1px rgba(26, 28, 31, 0.06), 0 8px 24px -12px rgba(26, 28, 31, 0.12);
  --shadow-hover: 0 0 0 1px rgba(26, 28, 31, 0.1), 0 12px 32px -12px rgba(26, 28, 31, 0.18);
  --danger: #9b3a32;
  --success: #2f6b4f;
  --kicker: #2a5a68;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;
}

body.theme-light {
  --bg-primary: #f3f0e8;
  --bg-secondary: #e7e2d4;
  --text-main: #1a1c1f;
  --text-muted: #5c6158;
  --accent-color: #2a5a68;
  --border-color: rgba(26, 28, 31, 0.12);
  --card-bg: #faf8f3;
  --accent-contrast: #f4f1ea;
  --header-bg: rgba(243, 240, 232, 0.92);
  --hero-overlay: rgba(18, 22, 26, 0.52);
  --shadow: 0 0 0 1px rgba(26, 28, 31, 0.06), 0 8px 24px -12px rgba(26, 28, 31, 0.12);
  --shadow-hover: 0 0 0 1px rgba(26, 28, 31, 0.1), 0 12px 32px -12px rgba(26, 28, 31, 0.18);
  --kicker: #2a5a68;
}

body.theme-dark-gray {
  --bg-primary: #1c1e22;
  --bg-secondary: #26282d;
  --text-main: #eceae4;
  --text-muted: #9a9b96;
  --accent-color: #c4b8a0;
  --border-color: rgba(255, 255, 255, 0.1);
  --card-bg: #24262b;
  --accent-contrast: #1a1c1f;
  --header-bg: rgba(28, 30, 34, 0.92);
  --hero-overlay: rgba(8, 9, 11, 0.55);
  --shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
  --shadow-hover: 0 0 0 1px rgba(255, 255, 255, 0.14);
  --kicker: #c4b8a0;
}

body.theme-full-dark {
  --bg-primary: #000000;
  --bg-secondary: #0c0c0e;
  --text-main: #f2f2f0;
  --text-muted: #8a8a86;
  --accent-color: #d6c4a3;
  --border-color: rgba(255, 255, 255, 0.1);
  --card-bg: #0a0a0c;
  --accent-contrast: #0a0a0c;
  --header-bg: rgba(0, 0, 0, 0.88);
  --hero-overlay: rgba(0, 0, 0, 0.58);
  --shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
  --shadow-hover: 0 0 0 1px rgba(255, 255, 255, 0.16);
  --kicker: #d6c4a3;
}

body.theme-navy {
  --bg-primary: #0f1a2e;
  --bg-secondary: #16243d;
  --text-main: #e8e6df;
  --text-muted: #9aa6b8;
  --accent-color: #c4a574;
  --border-color: rgba(232, 230, 223, 0.12);
  --card-bg: #152038;
  --accent-contrast: #0f1a2e;
  --header-bg: rgba(15, 26, 46, 0.92);
  --hero-overlay: rgba(8, 14, 26, 0.55);
  --shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
  --shadow-hover: 0 0 0 1px rgba(196, 165, 116, 0.35);
  --kicker: #c4a574;
}

body.theme-amber {
  --bg-primary: #1c160e;
  --bg-secondary: #2a2116;
  --text-main: #f3ead8;
  --text-muted: #b5a48a;
  --accent-color: #d4a24a;
  --border-color: rgba(212, 162, 74, 0.22);
  --card-bg: #241c12;
  --accent-contrast: #1c160e;
  --header-bg: rgba(28, 22, 14, 0.92);
  --hero-overlay: rgba(18, 12, 6, 0.55);
  --shadow: 0 0 0 1px rgba(212, 162, 74, 0.18);
  --shadow-hover: 0 0 0 1px rgba(212, 162, 74, 0.4);
  --kicker: #d4a24a;
}

body.theme-slate {
  --bg-primary: #f4f5f7;
  --bg-secondary: #e6e8ec;
  --text-main: #1e242c;
  --text-muted: #5e6772;
  --accent-color: #3d4a5c;
  --border-color: rgba(30, 36, 44, 0.12);
  --card-bg: #ffffff;
  --accent-contrast: #f4f5f7;
  --header-bg: rgba(244, 245, 247, 0.94);
  --hero-overlay: rgba(18, 24, 32, 0.5);
  --shadow: 0 0 0 1px rgba(30, 36, 44, 0.06), 0 8px 24px -12px rgba(30, 36, 44, 0.12);
  --shadow-hover: 0 0 0 1px rgba(30, 36, 44, 0.12), 0 12px 32px -12px rgba(30, 36, 44, 0.16);
  --kicker: #3d4a5c;
}

body.theme-emerald {
  --bg-primary: #0e1a16;
  --bg-secondary: #15241e;
  --text-main: #e6efe9;
  --text-muted: #8fa89a;
  --accent-color: #3d9b74;
  --border-color: rgba(61, 155, 116, 0.22);
  --card-bg: #13201b;
  --accent-contrast: #0e1a16;
  --header-bg: rgba(14, 26, 22, 0.92);
  --hero-overlay: rgba(6, 14, 12, 0.55);
  --shadow: 0 0 0 1px rgba(61, 155, 116, 0.18);
  --shadow-hover: 0 0 0 1px rgba(61, 155, 116, 0.4);
  --kicker: #3d9b74;
}