:root {
  --font-outfit: Outfit, "Segoe UI", sans-serif;
  --font-fraunces: Fraunces, Georgia, serif;
}

:root, [data-theme="grove"] {
  --bg: #eef4e6;
      --bg-deep: #dce8d4;
      --ink: #1c2a22;
      --ink-soft: #3d5246;
      --muted: #6b7f72;
      --line: #b7c9b4;
      --surface: #f7fbf0;
      --surface-solid: #f7fbf0;
      --accent: #2f6b4f;
      --accent-strong: #24553e;
      --on-accent: #f7fbf0;
      --brand: #3d8b5f;
      --brand-strong: #2f6b4f;
      --brand-glow: #9fe0b0;
      --sun: #c28b2a;
      --sky: #5d8a9a;
      --hero-ink: #f3faf4;
      --paper: #f4f7eb;
      --paper-deep: #e7eedc;
      --paper-lit: #f8faf0;
      --paper-mid: #e4ebda;
      --paper-shade: #d5deca;
      --paper-open: #faf8f1;
      --paper-open-lit: #fcfaf4;
      --paper-open-deep: #f5f2e8;
      --page-edge: #d0d9c4;
      --page-edge-deep: #c8d2bc;
      --page-stack: #d8e0cc;
      --atelier: #163024;
      --atelier-mid: #214433;
      --atelier-deep: #12281e;
      --atelier-well: #1a3026;
      --body-bg: #1a3326;
      --wood-deep: #4a2f1a;
      --wood: #6d4224;
      --wood-mid: #8a5a32;
      --wood-light: #b07a48;
      --wood-highlight: #d2a06a;
      --plaque-name: #f4f8e8;
      --plaque-name-hover: #fff8dc;
      --brass: #b8923a;
      --danger: #8a3a2a;
      --danger-strong: #6e2e22;
      --on-danger: #f7fbf0;
      --danger-soft: #f6ebe6;
      --facing-tip-ink: #243528;
      --facing-tip-paper: #f7f3e4;
      --glow-ink: #fff8d0;
      --sun-lit: #ffd678;
      --sun-wash: #fff4d2;
      --sun-glow: #ffdc8c;
      --gold-hot: #ffeca0;
      --gold-mid: #ffc85a;
      --gold-deep: #ffaa32;
      --gold-dust: #ffe696;
      --cream: #fff8dc;
      --cream-warm: #fff8e1;
      --cream-lit: #fffcf4;
      --leaf: #b4e6aa;
      --atelier-mist: #78c896;
      --atelier-floor: #285a3c;
      --shadow: 0 10px 28px rgba(var(--ink-rgb), 0.12);
      --overlay: 18, 36, 28;
      --neon: 110, 200, 140;
      --leather: 120, 72, 40;
      --grove: 47, 107, 79;
      --ink-rgb: 28, 42, 34;
      --ink-deep-rgb: 18, 26, 20;
      --shade-rgb: 14, 20, 16;
      --shade-deep-rgb: 8, 12, 10;
      --shade-cool-rgb: 8, 20, 14;
      --binding-rgb: 40, 24, 12;
      --page-line-rgb: 22, 36, 28;
      --help-ink-rgb: 36, 53, 40;
      --help-focus-rgb: 43, 80, 61;
      --mark-rgb: 48, 64, 36;
      --hero-shade-rgb: 12, 22, 16;
      --paper-rgb: 244, 247, 235;
      --paper-soft-rgb: 232, 238, 220;
      --sun-rgb: 194, 139, 42;
      --sheen-rgb: 255, 255, 255;
}

[data-theme="dusk"] {
  --bg: #efe6d4;
      --bg-deep: #e2d4bc;
      --ink: #2a2118;
      --ink-soft: #5a4a38;
      --muted: #8a7460;
      --line: #c9b496;
      --surface: #f7f0e4;
      --surface-solid: #f7f0e4;
      --accent: #8b4d2b;
      --accent-strong: #6e3c22;
      --on-accent: #f7f0e4;
      --brand: #a85a32;
      --brand-strong: #8b4d2b;
      --brand-glow: #e8b080;
      --sun: #d4922a;
      --sky: #6a7a88;
      --hero-ink: #f7f0e4;
      --paper: #f3ead8;
      --paper-deep: #e8dcc6;
      --paper-lit: #f8f2e6;
      --paper-mid: #e6d8c0;
      --paper-shade: #d4c4a8;
      --paper-open: #faf6ee;
      --paper-open-lit: #fcf9f2;
      --paper-open-deep: #f0e6d4;
      --page-edge: #d8cbb4;
      --page-edge-deep: #ccbea6;
      --page-stack: #e0d2ba;
      --atelier: #1a1410;
      --atelier-mid: #2a2018;
      --atelier-deep: #100c0a;
      --atelier-well: #1c1612;
      --body-bg: #1c1612;
      --wood-deep: #3a2414;
      --wood: #5c3820;
      --wood-mid: #7a4e2c;
      --wood-light: #a06a40;
      --wood-highlight: #c4925c;
      --plaque-name: #f6ead2;
      --plaque-name-hover: #fff4e2;
      --brass: #c4a056;
      --danger: #8a3a2a;
      --danger-strong: #6e2e22;
      --on-danger: #f7f0e4;
      --danger-soft: #f4e6dc;
      --facing-tip-ink: #2a2118;
      --facing-tip-paper: #f4ead6;
      --glow-ink: #ffe8b0;
      --sun-lit: #ffc878;
      --sun-wash: #ffe8c4;
      --sun-glow: #ffd090;
      --gold-hot: #ffdc9a;
      --gold-mid: #f0b050;
      --gold-deep: #e09030;
      --gold-dust: #ffd8a0;
      --cream: #fff0d0;
      --cream-warm: #ffe8c8;
      --cream-lit: #fff8ee;
      --leaf: #e8c090;
      --atelier-mist: #c49060;
      --atelier-floor: #4a3020;
      --shadow: 0 10px 28px rgba(var(--ink-rgb), 0.12);
      --overlay: 24, 16, 10;
      --neon: 220, 160, 80;
      --leather: 110, 64, 36;
      --grove: 139, 77, 43;
      --ink-rgb: 42, 33, 24;
      --ink-deep-rgb: 24, 18, 12;
      --shade-rgb: 16, 12, 8;
      --shade-deep-rgb: 10, 8, 6;
      --shade-cool-rgb: 16, 10, 8;
      --binding-rgb: 40, 24, 12;
      --page-line-rgb: 36, 24, 16;
      --help-ink-rgb: 42, 33, 24;
      --help-focus-rgb: 110, 64, 36;
      --mark-rgb: 64, 48, 32;
      --hero-shade-rgb: 16, 12, 8;
      --paper-rgb: 243, 234, 216;
      --paper-soft-rgb: 232, 220, 198;
      --sun-rgb: 212, 146, 42;
      --sheen-rgb: 255, 255, 255;
}

[data-theme="snowpack"] {
  --bg: #eef3f6;
      --bg-deep: #dce4ea;
      --ink: #1a2430;
      --ink-soft: #3d4f5e;
      --muted: #6b7d8a;
      --line: #b7c6d0;
      --surface: #f5f8fa;
      --surface-solid: #f5f8fa;
      --accent: #3a6f82;
      --accent-strong: #2c5666;
      --on-accent: #f5f8fa;
      --brand: #4a8498;
      --brand-strong: #3a6f82;
      --brand-glow: #b8d8e4;
      --sun: #b89a4a;
      --sky: #6a8fa0;
      --hero-ink: #f2f7fa;
      --paper: #f2f6f8;
      --paper-deep: #e2eaf0;
      --paper-lit: #f7fafc;
      --paper-mid: #e6eef3;
      --paper-shade: #d2dde4;
      --paper-open: #f7f9fb;
      --paper-open-lit: #fbfcfd;
      --paper-open-deep: #e8eef2;
      --page-edge: #d0dbe2;
      --page-edge-deep: #c2ced6;
      --page-stack: #d8e2e8;
      --atelier: #0e1c26;
      --atelier-mid: #163040;
      --atelier-deep: #0a141c;
      --atelier-well: #122028;
      --body-bg: #122028;
      --wood-deep: #3a342c;
      --wood: #5a5248;
      --wood-mid: #7a7266;
      --wood-light: #9a9288;
      --wood-highlight: #c4b8a8;
      --plaque-name: #eef4f8;
      --plaque-name-hover: #f7fbfd;
      --brass: #a8b0b8;
      --danger: #8a3a2a;
      --danger-strong: #6e2e22;
      --on-danger: #f5f8fa;
      --danger-soft: #f0e6e4;
      --facing-tip-ink: #1a2430;
      --facing-tip-paper: #eef4f7;
      --glow-ink: #e8f4fa;
      --sun-lit: #e8d890;
      --sun-wash: #f4efe0;
      --sun-glow: #e0d0a0;
      --gold-hot: #e8e0c0;
      --gold-mid: #c8b878;
      --gold-deep: #a89040;
      --gold-dust: #ece4c8;
      --cream: #f4f0e4;
      --cream-warm: #f0ece0;
      --cream-lit: #fafcfd;
      --leaf: #b8d4e0;
      --atelier-mist: #7aa8b8;
      --atelier-floor: #1e3a48;
      --shadow: 0 10px 28px rgba(var(--ink-rgb), 0.12);
      --overlay: 14, 28, 38;
      --neon: 140, 200, 220;
      --leather: 90, 80, 70;
      --grove: 58, 111, 130;
      --ink-rgb: 26, 36, 48;
      --ink-deep-rgb: 16, 24, 32;
      --shade-rgb: 12, 18, 24;
      --shade-deep-rgb: 8, 12, 16;
      --shade-cool-rgb: 10, 18, 24;
      --binding-rgb: 24, 32, 40;
      --page-line-rgb: 28, 40, 48;
      --help-ink-rgb: 36, 53, 64;
      --help-focus-rgb: 58, 111, 130;
      --mark-rgb: 48, 64, 80;
      --hero-shade-rgb: 10, 18, 24;
      --paper-rgb: 242, 246, 248;
      --paper-soft-rgb: 226, 234, 240;
      --sun-rgb: 184, 154, 74;
      --sheen-rgb: 255, 255, 255;
}

[data-theme="hearth"] {
  --bg: #1a1612;
      --bg-deep: #12100e;
      --ink: #f3eadc;
      --ink-soft: #d4c4ae;
      --muted: #9a8a76;
      --line: #4a3c30;
      --surface: #262018;
      --surface-solid: #262018;
      --accent: #e07038;
      --accent-strong: #c85828;
      --on-accent: #1a1410;
      --brand: #e88850;
      --brand-strong: #e07038;
      --brand-glow: #f0a878;
      --sun: #e88840;
      --sky: #7a8a98;
      --hero-ink: #f7f0e4;
      --paper: #1e1a16;
      --paper-deep: #161310;
      --paper-lit: #26221c;
      --paper-mid: #1a1612;
      --paper-shade: #12100c;
      --paper-open: #2a241e;
      --paper-open-lit: #322c24;
      --paper-open-deep: #201c18;
      --page-edge: #3a3228;
      --page-edge-deep: #2e2820;
      --page-stack: #342c24;
      --atelier: #0c0a08;
      --atelier-mid: #1a1410;
      --atelier-deep: #080604;
      --atelier-well: #100c0a;
      --body-bg: #0c0a08;
      --wood-deep: #2a1c12;
      --wood: #4a3020;
      --wood-mid: #6a442c;
      --wood-light: #8a5c38;
      --wood-highlight: #b07848;
      --plaque-name: #f3eadc;
      --plaque-name-hover: #fff0d4;
      --brass: #c48848;
      --danger: #e07058;
      --danger-strong: #c45038;
      --on-danger: #1a1410;
      --danger-soft: #3a2420;
      --facing-tip-ink: #f3eadc;
      --facing-tip-paper: #2a241c;
      --glow-ink: #ffd090;
      --sun-lit: #ffb060;
      --sun-wash: #3a2a18;
      --sun-glow: #e89850;
      --gold-hot: #ffc878;
      --gold-mid: #e88840;
      --gold-deep: #c06020;
      --gold-dust: #f0b070;
      --cream: #3a2e20;
      --cream-warm: #423424;
      --cream-lit: #2e2820;
      --leaf: #f0a060;
      --atelier-mist: #c07040;
      --atelier-floor: #3a2010;
      --shadow: 0 10px 28px rgba(var(--shade-deep-rgb), 0.45);
      --overlay: 8, 6, 4;
      --neon: 255, 140, 70;
      --leather: 100, 56, 32;
      --grove: 224, 112, 56;
      --ink-rgb: 243, 234, 220;
      --ink-deep-rgb: 18, 14, 12;
      --shade-rgb: 12, 10, 8;
      --shade-deep-rgb: 6, 4, 4;
      --shade-cool-rgb: 10, 8, 6;
      --binding-rgb: 28, 18, 10;
      --page-line-rgb: 56, 44, 32;
      --help-ink-rgb: 212, 196, 174;
      --help-focus-rgb: 224, 112, 56;
      --mark-rgb: 220, 200, 170;
      --hero-shade-rgb: 8, 6, 4;
      --paper-rgb: 30, 26, 22;
      --paper-soft-rgb: 38, 32, 26;
      --sun-rgb: 232, 136, 64;
      --sheen-rgb: 255, 236, 210;
}

[data-theme="circuit"] {
  --bg: #0e1218;
      --bg-deep: #080b10;
      --ink: #e6eef6;
      --ink-soft: #b4c4d4;
      --muted: #7a8c9c;
      --line: #2a3644;
      --surface: #161c24;
      --surface-solid: #161c24;
      --accent: #2ec8d4;
      --accent-strong: #1a9aa8;
      --on-accent: #061014;
      --brand: #3dd8e4;
      --brand-strong: #2ec8d4;
      --brand-glow: #7aecf4;
      --sun: #e8b84a;
      --sky: #5b8fb8;
      --hero-ink: #eef6fa;
      --paper: #121820;
      --paper-deep: #0c1016;
      --paper-lit: #1a222c;
      --paper-mid: #10161c;
      --paper-shade: #0a0e12;
      --paper-open: #1a222c;
      --paper-open-lit: #222a36;
      --paper-open-deep: #141a22;
      --page-edge: #2a3440;
      --page-edge-deep: #222a34;
      --page-stack: #1e2630;
      --atelier: #06080c;
      --atelier-mid: #101820;
      --atelier-deep: #040608;
      --atelier-well: #0a0e14;
      --body-bg: #06080c;
      --wood-deep: #141820;
      --wood: #2a3440;
      --wood-mid: #3a4858;
      --wood-light: #5a6a7c;
      --wood-highlight: #8a9aac;
      --plaque-name: #e6eef6;
      --plaque-name-hover: #c8f4ff;
      --brass: #8a9bb0;
      --danger: #f07178;
      --danger-strong: #d05058;
      --on-danger: #14080a;
      --danger-soft: #3a2024;
      --facing-tip-ink: #e6eef6;
      --facing-tip-paper: #1a222c;
      --glow-ink: #c8f4ff;
      --sun-lit: #5ee4f0;
      --sun-wash: #1a2830;
      --sun-glow: #4ad4e0;
      --gold-hot: #8aecf4;
      --gold-mid: #2ec8d4;
      --gold-deep: #148898;
      --gold-dust: #6adce8;
      --cream: #1e2a32;
      --cream-warm: #243038;
      --cream-lit: #1a242c;
      --leaf: #5ee4f0;
      --atelier-mist: #2a8898;
      --atelier-floor: #0c2830;
      --shadow: 0 10px 28px rgba(var(--shade-deep-rgb), 0.5);
      --overlay: 6, 10, 16;
      --neon: 80, 230, 240;
      --leather: 70, 80, 96;
      --grove: 46, 200, 212;
      --ink-rgb: 230, 238, 246;
      --ink-deep-rgb: 8, 12, 18;
      --shade-rgb: 6, 8, 12;
      --shade-deep-rgb: 2, 4, 6;
      --shade-cool-rgb: 8, 12, 18;
      --binding-rgb: 20, 28, 40;
      --page-line-rgb: 48, 64, 80;
      --help-ink-rgb: 180, 200, 220;
      --help-focus-rgb: 46, 200, 212;
      --mark-rgb: 160, 200, 220;
      --hero-shade-rgb: 4, 8, 14;
      --paper-rgb: 18, 24, 32;
      --paper-soft-rgb: 26, 34, 44;
      --sun-rgb: 232, 184, 74;
      --sheen-rgb: 200, 230, 255;
}