/* The Ashdown Chronicles — design tokens.
   Dark is the default. Parchment is the light theme.
   Accent palettes recolour action and emphasis, never body text neutrals. */

:root {
  color-scheme: dark;
  --bg: #101410;
  --bg-raised: #1a221c;
  --bg-inset: #0c100d;
  --text: #f4eee4;
  --text-soft: #d2c6b2;
  --heading: #faf6ee;
  --line: rgba(224, 194, 122, 0.28);
  --line-strong: rgba(224, 194, 122, 0.55);
  --gold: #e4c98a;
  --gold-text: #f0d7a4;
  --ink: #16120c;
  --header-bg: rgba(16, 20, 16, 0.9);
  --shadow: 0 24px 50px rgba(0, 0, 0, 0.35);
  --danger: #ffb4a8;
  --ok: #c6e2bc;
  --focus: #f0d7a4;
  --scrim: rgba(6, 8, 6, 0.72);
  --reader-bg: #121614;
  --reader-text: #f4eee4;

  --accent: #e26a32;
  --accent-text: #ffc7aa;
  --accent-fill: #9a3412;
  --on-accent: #fff8f3;
  --accent-2: #e4c98a;
  --accent-2-text: #f0d7a4;

  --radius: 2px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-14: 112px;
  --space-18: 144px;
  --header-h: 88px;
  --measure: 68ch;
  --ease: cubic-bezier(0.22, 0.78, 0.18, 1);
  --dur: 900ms;

  --font-display: "Fraunces", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-body: "Source Serif 4", Georgia, "Iowan Old Style", "Palatino Linotype", serif;
  --font-ui: Outfit, "Avenir Next", "Segoe UI", sans-serif;

  --step--1: 0.875rem;
  --step-0: 1.15625rem;
  --step-1: 1.375rem;
  --step-2: 1.75rem;
  --step-3: 2.35rem;
  --step-4: 3.25rem;
  --step-5: 4.5rem;
}

[data-theme="parchment"] {
  color-scheme: light;
  --bg: #f3ead7;
  --bg-raised: #fbf6ea;
  --bg-inset: #e7dcc4;
  --text: #241c14;
  --text-soft: #4a3f32;
  --heading: #1a140f;
  --line: rgba(58, 40, 16, 0.2);
  --line-strong: rgba(58, 40, 16, 0.45);
  --gold: #6e5218;
  --gold-text: #5c4312;
  --header-bg: rgba(243, 234, 215, 0.94);
  --shadow: 0 18px 40px rgba(70, 48, 16, 0.08);
  --danger: #8d2c22;
  --ok: #1c5c34;
  --focus: #5c4312;
  --scrim: rgba(36, 28, 18, 0.46);
  --reader-bg: #fbf6ea;
  --reader-text: #241c14;
  --accent-2: #6e5218;
  --accent-2-text: #5c4312;
}

/* Ember — default brand heat. Text colours are lightened on night, darkened on parchment. */
:root[data-accent="ember"],
[data-accent="ember"] {
  --accent: #e26a32;
  --accent-text: #ffc7aa;
  --accent-fill: #9a3412;
  --on-accent: #fff8f3;
  --accent-2: #e4c98a;
  --accent-2-text: #f0d7a4;
  --focus: #f0d7a4;
}
[data-theme="parchment"][data-accent="ember"] {
  --accent: #9a3412;
  --accent-text: #8a2e0c;
  --accent-fill: #8a2e0c;
  --on-accent: #fff8f3;
  --accent-2: #6e5218;
  --accent-2-text: #5c4312;
  --focus: #5c4312;
}

[data-accent="frost"] {
  --accent: #7eb6c6;
  --accent-text: #d5eef5;
  --accent-fill: #0f4c5c;
  --on-accent: #f4fbfd;
  --accent-2: #d5e4ea;
  --accent-2-text: #e7f4f8;
  --focus: #d5eef5;
}
[data-theme="parchment"][data-accent="frost"] {
  --accent: #0f4c5c;
  --accent-text: #0c3d4a;
  --accent-fill: #0f4c5c;
  --on-accent: #f4fbfd;
  --accent-2: #1a5c6e;
  --accent-2-text: #0c3d4a;
  --focus: #0c3d4a;
}

[data-accent="verdigris"] {
  --accent: #6fbfa8;
  --accent-text: #d4f3e8;
  --accent-fill: #0e4f43;
  --on-accent: #f3fffb;
  --accent-2: #cfe7dc;
  --accent-2-text: #e5f6ef;
  --focus: #d4f3e8;
}
[data-theme="parchment"][data-accent="verdigris"] {
  --accent: #0e4f43;
  --accent-text: #0a3b32;
  --accent-fill: #0e4f43;
  --on-accent: #f3fffb;
  --accent-2: #1d5e50;
  --accent-2-text: #0a3b32;
  --focus: #0a3b32;
}

[data-accent="wine"] {
  --accent: #d27a8c;
  --accent-text: #ffd5de;
  --accent-fill: #6e2033;
  --on-accent: #fff7f8;
  --accent-2: #f0c2cb;
  --accent-2-text: #ffdfe6;
  --focus: #ffd5de;
}
[data-theme="parchment"][data-accent="wine"] {
  --accent: #6e2033;
  --accent-text: #5a1828;
  --accent-fill: #6e2033;
  --on-accent: #fff7f8;
  --accent-2: #7a3144;
  --accent-2-text: #5a1828;
  --focus: #5a1828;
}