/* Generated from packages/ui/tokens.json by scripts/make_ui_tokens.py; do not edit by hand. */
/* Fonts: https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+Ethiopic:wght@400;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap */
:root {
  --font-sans: Inter, "Noto Serif Ethiopic", system-ui, sans-serif;
  --font-serif: "Source Serif 4", "Noto Serif Ethiopic", Georgia, serif;
  --font-ethiopic: "Noto Serif Ethiopic", "Abyssinica SIL", serif;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 9999px;
  --topbar-height: 56px;
  --line-height-ethiopic: 1.82;
  --line-height-english: 1.68;
  --crimson: #841818;
  --crimson-hover: #6a1212;
  --crimson-subtle: rgba(132, 24, 24, 0.08);
  --crimson-border: rgba(132, 24, 24, 0.22);
  --gold: #c89524;
  --gold-hover: #ac7d19;
  --gold-text: #8a6410;
  --gold-subtle: rgba(200, 149, 36, 0.12);
  --gold-border: rgba(200, 149, 36, 0.35);
  --emerald: #1b6e41;
  --emerald-subtle: rgba(27, 110, 65, 0.1);
  --emerald-border: rgba(27, 110, 65, 0.25);
  --blue: #1f3a5f;
  --clergy: #5b3a8c;
  --clergy-subtle: #f0eaf8;
  --clergy-border: rgba(91, 58, 140, 0.3);
  --danger: #b42318;
  --bg-app: #fcf9f2;
  --bg-sidebar: #f5ede0;
  --bg-sidebar-hover: #ebe0cf;
  --bg-sidebar-active: #dfd2be;
  --bg-topbar: rgba(252, 249, 242, 0.88);
  --bg-surface: #ffffff;
  --bg-surface-raised: #fbf7ee;
  --bg-surface-sunken: #f1ebd8;
  --border-subtle: #e8decc;
  --border-strong: #d2c4aa;
  --border-focus: #c89524;
  --text-main: #1d1815;
  --text-muted: #5e5345;
  --text-faint: #8e806e;
  --teacher-bg: #fffbf0;
  --teacher-border: #d4a73b;
  --panel-objectives: #f7efdd;
  --panel-think: #f3eee4;
  --panel-activity: #e5efe8;
  --panel-verse: #e6ecf4;
  --panel-keys: #f4e8c6;
  --book-1: #841818;
  --book-2: #1f3a5f;
  --book-3: #1b6e41;
  --book-4: #8a6410;
  --book-5: #5b2a6e;
  --book-6: #2f5d62;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.11);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --crimson: #d44d4d;
    --crimson-hover: #e86363;
    --crimson-subtle: rgba(212, 77, 77, 0.16);
    --crimson-border: rgba(212, 77, 77, 0.35);
    --gold: #dfb23e;
    --gold-hover: #eed065;
    --gold-text: #e2bd6a;
    --gold-subtle: rgba(223, 178, 62, 0.16);
    --gold-border: rgba(223, 178, 62, 0.35);
    --emerald: #38a368;
    --emerald-subtle: rgba(56, 163, 104, 0.15);
    --emerald-border: rgba(56, 163, 104, 0.32);
    --blue: #9db8dc;
    --clergy: #c9b2f0;
    --clergy-subtle: #2b2140;
    --clergy-border: rgba(201, 178, 240, 0.35);
    --danger: #f08a80;
    --bg-app: #121316;
    --bg-sidebar: #17181d;
    --bg-sidebar-hover: #22242a;
    --bg-sidebar-active: #2a2d35;
    --bg-topbar: rgba(18, 19, 22, 0.88);
    --bg-surface: #1d1f25;
    --bg-surface-raised: #242730;
    --bg-surface-sunken: #15161a;
    --border-subtle: #2d313b;
    --border-strong: #3e4452;
    --border-focus: #e5bd50;
    --text-main: #f4efe6;
    --text-muted: #aba294;
    --text-faint: #746d62;
    --teacher-bg: #221e16;
    --teacher-border: #c9932d;
    --panel-objectives: #2a2620;
    --panel-think: #25241f;
    --panel-activity: #1f2a23;
    --panel-verse: #1e2530;
    --panel-keys: #2d2818;
    --book-1: #d4605a;
    --book-2: #9db8dc;
    --book-3: #5fbf8a;
    --book-4: #d9ad4f;
    --book-5: #c49ad6;
    --book-6: #7fc0c6;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 14px 34px rgba(0, 0, 0, 0.7);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --crimson: #d44d4d;
  --crimson-hover: #e86363;
  --crimson-subtle: rgba(212, 77, 77, 0.16);
  --crimson-border: rgba(212, 77, 77, 0.35);
  --gold: #dfb23e;
  --gold-hover: #eed065;
  --gold-text: #e2bd6a;
  --gold-subtle: rgba(223, 178, 62, 0.16);
  --gold-border: rgba(223, 178, 62, 0.35);
  --emerald: #38a368;
  --emerald-subtle: rgba(56, 163, 104, 0.15);
  --emerald-border: rgba(56, 163, 104, 0.32);
  --blue: #9db8dc;
  --clergy: #c9b2f0;
  --clergy-subtle: #2b2140;
  --clergy-border: rgba(201, 178, 240, 0.35);
  --danger: #f08a80;
  --bg-app: #121316;
  --bg-sidebar: #17181d;
  --bg-sidebar-hover: #22242a;
  --bg-sidebar-active: #2a2d35;
  --bg-topbar: rgba(18, 19, 22, 0.88);
  --bg-surface: #1d1f25;
  --bg-surface-raised: #242730;
  --bg-surface-sunken: #15161a;
  --border-subtle: #2d313b;
  --border-strong: #3e4452;
  --border-focus: #e5bd50;
  --text-main: #f4efe6;
  --text-muted: #aba294;
  --text-faint: #746d62;
  --teacher-bg: #221e16;
  --teacher-border: #c9932d;
  --panel-objectives: #2a2620;
  --panel-think: #25241f;
  --panel-activity: #1f2a23;
  --panel-verse: #1e2530;
  --panel-keys: #2d2818;
  --book-1: #d4605a;
  --book-2: #9db8dc;
  --book-3: #5fbf8a;
  --book-4: #d9ad4f;
  --book-5: #c49ad6;
  --book-6: #7fc0c6;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 14px 34px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}