:root {
  --color-primary:            oklch(0.6155 0.1712 254);
  --color-background:         oklch(1 0 0);
  --color-background-alt:     oklch(0.98 0 0);
  --color-background-hover:   oklch(0.95 0 0);
  --color-background-active:  oklch(0.93 0 0);
  --color-text:               oklch(0.32 0 0);
  --color-text-muted:         oklch(0.51 0 0);
  --color-border:             oklch(0.84 0 0);
  --color-highlight:          oklch(0.98 0.12 108);
  --color-success:            oklch(0.85 0.06 143);
  --color-error:              oklch(0.74 0.07 34);
  --color-red-letter:         oklch(0.46 0.19 29);
  --color-footnote:           oklch(0.65 0.09 264);
  --color-toolbar-background: oklch(0.1776 0 0);
  --color-toolbar-text:       oklch(1 0 0);

  --color-division-pentateuch:       oklch(0.75 0.11 144);
  --color-division-historical:       oklch(0.75 0.11 216);
  --color-division-wisdom:           oklch(0.75 0.11 324);
  --color-division-major-prophets:   oklch(0.75 0.11 0);
  --color-division-minor-prophets:   oklch(0.75 0.11 108);
  --color-division-gospels:          oklch(0.75 0.11 36);
  --color-division-acts:             oklch(0.75 0.11 180);
  --color-division-paul-epistles:    oklch(0.75 0.11 252);
  --color-division-general-epistles: oklch(0.75 0.11 72);
  --color-division-revelation:       oklch(0.75 0.11 288);

  --shadow-sm:    0 1px 2px oklch(0 0 0 / 0.1);
  --shadow-md:    0 2px 4px oklch(0 0 0 / 0.15);
  --shadow-lg:    0 4px 8px oklch(0 0 0 / 0.2);
  --shadow-popup: 0 2px 10px oklch(0 0 0 / 0.25);

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  /* Typography */
  --font-family-sans:   -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-serif:  "Gentium Plus", "Linux Libertine", Georgia, serif;
  --font-family-hebrew: "Ezra SIL", "SBL Hebrew", serif;
  --font-family-greek:  "Gentium Plus", "SBL Greek", serif;

  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-md: 15px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;

  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow:   0.4s ease;

  --z-base:        1;      /* sticky headers, base ordering within a panel */
  --z-above:       2;      /* active tabs, content above base */
  --z-panel:       3;      /* info panels, audio controller over content */
  --z-panel-above: 4;      /* popups over panels (audio options) */
  --z-chrome:      10;     /* close buttons, map popups, modal overlays */
  --z-overlay:     50;     /* window overlay panels */
  --z-popover:     100;    /* text navigator, text chooser, splitter, suggestions */
  --z-menu:        1000;   /* dropdown menus, movable windows, tooltips */
  --z-menu-above:  1100;   /* morph selector (above other menus) */
  --z-top:         9999;   /* command palette */
}


.theme-jabbok,
html.jabbok {
  --color-primary:            oklch(0.6868 0.157 252.9);
  --color-background:         oklch(0.1776 0 0);
  --color-background-alt:     oklch(0.2178 0 0);
  --color-background-hover:   oklch(0.252 0 0);
  --color-background-active:  oklch(0.3211 0 0);
  --color-text:               oklch(0.9067 0 0);
  --color-text-muted:         oklch(0.738 0 0);
  --color-border:             oklch(0.3867 0 0);
  --color-highlight:          oklch(0.4531 0.0931 95.6);
  --color-success:            oklch(0.4225 0.091 142.5);
  --color-error:              oklch(0.3877 0.0833 21.7);
  --color-red-letter:         oklch(0.7044 0.1872 23.2);
  --color-footnote:           oklch(0.7184 0.0817 263.9);
  --color-toolbar-background: oklch(0 0 0);

  --color-division-pentateuch:       oklch(0.65 0.10 144);
  --color-division-historical:       oklch(0.65 0.10 216);
  --color-division-wisdom:           oklch(0.65 0.10 324);
  --color-division-major-prophets:   oklch(0.65 0.10 0);
  --color-division-minor-prophets:   oklch(0.65 0.10 108);
  --color-division-gospels:          oklch(0.65 0.10 36);
  --color-division-acts:             oklch(0.65 0.10 180);
  --color-division-paul-epistles:    oklch(0.65 0.10 252);
  --color-division-general-epistles: oklch(0.65 0.10 72);
  --color-division-revelation:       oklch(0.65 0.10 288);
}


.theme-shiloh,
html.shiloh {
  --color-primary:            oklch(0.65 0.13 43);
  --color-background:         oklch(0.30 0.01 70);
  --color-background-alt:     oklch(0.32 0.01 70);
  --color-background-hover:   oklch(0.4 0.01 67);
  --color-background-active:  oklch(0.4 0.01 67);
  --color-text:               oklch(0.9 0.04 70);
  --color-text-muted:         oklch(0.6 0.05 70);
  --color-border:             oklch(0.41 0.01 67.5);
  --color-highlight:          oklch(0.8 0.15 81);
  --color-success:            oklch(0.8 0.15 130);
  --color-error:              oklch(0.6 0.15 20);
  --color-red-letter:         oklch(0.6 0.15 20);
  --color-footnote:           oklch(0.5 0.07 250);
  --color-toolbar-background: oklch(0.2842 0.008 59.35);

  --color-division-pentateuch:       oklch(0.60 0.07 144);
  --color-division-historical:       oklch(0.60 0.07 216);
  --color-division-wisdom:           oklch(0.60 0.07 324);
  --color-division-major-prophets:   oklch(0.60 0.07 0);
  --color-division-minor-prophets:   oklch(0.60 0.07 108);
  --color-division-gospels:          oklch(0.60 0.07 36);
  --color-division-acts:             oklch(0.60 0.07 180);
  --color-division-paul-epistles:    oklch(0.60 0.07 252);
  --color-division-general-epistles: oklch(0.60 0.07 72);
  --color-division-revelation:       oklch(0.60 0.07 288);
}

.theme-gethsemane,
html.gethsemane {
  --color-primary:            oklch(0.719 0.1322 264.2);
  --color-background:         oklch(0.2263 0.0214 280.49);
  --color-background-alt:     oklch(0.3056 0.0369 273.23);
  --color-background-hover:   oklch(0.3322 0.0642 268.45);
  --color-background-active:  oklch(0.3593 0.0513 273.18);
  --color-text:               oklch(0.8456 0.0611 274.76);
  --color-text-muted:         oklch(0.4818 0.0558 273.91);
  --color-border:             oklch(0.4094 0.0546 274.27);
  --color-highlight:          oklch(0.7839 0.1057 75.43);
  --color-success:            oklch(0.7953 0.1395 130.14);
  --color-error:              oklch(0.7227 0.1589 10.28);
  --color-red-letter:         oklch(0.7227 0.1589 10.28);
  --color-footnote:           oklch(0.82 0.1051 235.72);
  --color-toolbar-background: oklch(0.2029 0.016 279.29);

  --color-division-pentateuch:       oklch(0.62 0.09 144);
  --color-division-historical:       oklch(0.62 0.09 216);
  --color-division-wisdom:           oklch(0.62 0.09 324);
  --color-division-major-prophets:   oklch(0.62 0.09 0);
  --color-division-minor-prophets:   oklch(0.62 0.09 108);
  --color-division-gospels:          oklch(0.62 0.09 36);
  --color-division-acts:             oklch(0.62 0.09 180);
  --color-division-paul-epistles:    oklch(0.62 0.09 252);
  --color-division-general-epistles: oklch(0.62 0.09 72);
  --color-division-revelation:       oklch(0.62 0.09 288);
}


@media (prefers-color-scheme: dark) {
  html.auto {
    /* Same as .theme-jabbok */
    --color-primary:            oklch(0.6868 0.157 252.9);
    --color-background:         oklch(0.1776 0 0);
    --color-background-alt:     oklch(0.2178 0 0);
    --color-background-hover:   oklch(0.252 0 0);
    --color-background-active:  oklch(0.3211 0 0);
    --color-text:               oklch(0.9067 0 0);
    --color-text-muted:         oklch(0.738 0 0);
    --color-border:             oklch(0.3867 0 0);
    --color-highlight:          oklch(0.4531 0.0931 95.6);
    --color-success:            oklch(0.4225 0.091 142.5);
    --color-error:              oklch(0.3877 0.0833 21.7);
    --color-red-letter:         oklch(0.7044 0.1872 23.2);
    --color-footnote:           oklch(0.7184 0.0817 263.9);
    --color-toolbar-background: oklch(0 0 0);

    /* Division colors — same as jabbok */
    --color-division-pentateuch:       oklch(0.65 0.10 144);
    --color-division-historical:       oklch(0.65 0.10 216);
    --color-division-wisdom:           oklch(0.65 0.10 324);
    --color-division-major-prophets:   oklch(0.65 0.10 0);
    --color-division-minor-prophets:   oklch(0.65 0.10 108);
    --color-division-gospels:          oklch(0.65 0.10 36);
    --color-division-acts:             oklch(0.65 0.10 180);
    --color-division-paul-epistles:    oklch(0.65 0.10 252);
    --color-division-general-epistles: oklch(0.65 0.10 72);
    --color-division-revelation:       oklch(0.65 0.10 288);
  }
}