/* GENERATED by core/cli/build_themes.php from core/ui/themes.php — do not edit by hand.
   <html data-theme="teal|maroon|green|navy|contrast" data-mode="light|dark|auto">; no data-theme = Indigo (Lumen). */

/* Teal */
:root[data-theme="teal"] {
  --brand: #0f766e;
  --brand2: #0e7490;
  --link: #0f766e;
  --accent: #0891b2;
  --ring: rgba(15, 118, 110, .22);
  --bg1: #ecf7f6;
  --soft2: #e6f6f4;
  --soft3: #d3efeb;
  --line-hover: #b7e0da;
  --brand-line: #cdeae6;
  --brand-line2: #a7d9d2;
  --glow-a: rgba(13, 148, 136, .10);
  --topbar-a: rgba(236, 247, 246, .96);
  --topbar-b: rgba(236, 247, 246, .80);
}
/* Maroon */
:root[data-theme="maroon"] {
  --brand: #9f1239;
  --brand2: #be123c;
  --link: #9f1239;
  --accent: #d97706;
  --ring: rgba(159, 18, 57, .2);
  --bg1: #fbf0f3;
  --soft2: #fdecf1;
  --soft3: #fadbe4;
  --line-hover: #f2c3d1;
  --brand-line: #f7d4de;
  --brand-line2: #efb3c4;
  --glow-a: rgba(190, 18, 60, .08);
  --topbar-a: rgba(251, 240, 243, .96);
  --topbar-b: rgba(251, 240, 243, .80);
}
/* Green */
:root[data-theme="green"] {
  --brand: #15803d;
  --brand2: #166534;
  --link: #166534;
  --accent: #0891b2;
  --ring: rgba(21, 128, 61, .2);
  --bg1: #eef8f1;
  --soft2: #e8f6ec;
  --soft3: #d6efdf;
  --line-hover: #bfe2ca;
  --brand-line: #cfe9d7;
  --brand-line2: #a9d8b8;
  --glow-a: rgba(22, 163, 74, .08);
  --topbar-a: rgba(238, 248, 241, .96);
  --topbar-b: rgba(238, 248, 241, .80);
}
/* Navy */
:root[data-theme="navy"] {
  --brand: #1e3a8a;
  --brand2: #2563eb;
  --link: #1e3a8a;
  --accent: #0891b2;
  --ring: rgba(30, 58, 138, .22);
  --bg1: #edf2fd;
  --soft2: #e8eefc;
  --soft3: #d6e0fa;
  --line-hover: #c3d1f4;
  --brand-line: #d3ddf7;
  --brand-line2: #adc0ef;
  --glow-a: rgba(37, 99, 235, .08);
  --topbar-a: rgba(237, 242, 253, .96);
  --topbar-b: rgba(237, 242, 253, .80);
}
/* High contrast (always light) */
:root[data-theme="contrast"] {
  --brand: #312e81;
  --brand2: #3730a3;
  --link: #312e81;
  --ring: rgba(49, 46, 129, .5);
  --ink: #0b1020;
  --ink2: #1c2440;
  --muted: #3a4468;
  --faint: #5f6889;
  --line: #9aa2c0;
  --line2: #c3c8dd;
  --bg1: #ffffff;
  --bg2: #ffffff;
  --soft: #f1f3fa;
  --soft2: #e0e7ff;
  --soft3: #c7d2fe;
  --line-hover: #312e81;
  --brand-line: #a5b4fc;
  --brand-line2: #818cf8;
  --glow-a: rgba(0, 0, 0, 0);
  --glow-b: rgba(0, 0, 0, 0);
  --topbar-a: rgba(255, 255, 255, .98);
  --topbar-b: rgba(255, 255, 255, .92);
  --sidebar-bg: #ffffff;
}
:root[data-theme="contrast"] :focus-visible { outline-width: 4px; }

/* Dark mode, chosen */
:root[data-mode="dark"]:not([data-theme="contrast"]) {
  --bg1: #0f1424;
  --bg2: #12182b;
  --card: #182036;
  --ink: #e7eaf6;
  --ink2: #c5cbe3;
  --muted: #a3abcb;
  --faint: #6b7394;
  --line: #2c3554;
  --line2: #232b46;
  --soft: #1d2540;
  --soft2: #262f55;
  --soft3: #303a66;
  --row-hover: #1f2742;
  --cancel-bg: #3a1d26;
  --neutral-bg: #2c3554;
  --line-hover: #46518a;
  --brand-line: #34407a;
  --brand-line2: #4a56a0;
  --ok: #34d399;
  --ok-bg: #12352a;
  --ok-ink: #6ee7b7;
  --ok-line: #1f5a45;
  --warn: #fbbf24;
  --warn-bg: #3a2e10;
  --warn-ink: #fcd34d;
  --warn-line: #6b5418;
  --danger: #fb7185;
  --danger-bg: #3d1820;
  --danger-ink: #fda4af;
  --danger-line: #6b2a38;
  --info-bg: #10303d;
  --info-ink: #7dd3fc;
  --info-line: #1e5568;
  --ribbon-a: #3a2f0a;
  --ribbon-b: #4a3c0e;
  --ribbon-line: #6b5418;
  --ribbon-ink: #fde68a;
  --glow-a: rgba(124, 92, 255, .14);
  --glow-b: rgba(6, 182, 212, .08);
  --sidebar-bg: rgba(24, 32, 54, .92);
  --topbar-a: rgba(15, 20, 36, .96);
  --topbar-b: rgba(15, 20, 36, .82);
  --sh: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .35);
  --sh2: 0 2px 4px rgba(0, 0, 0, .4), 0 14px 34px rgba(0, 0, 0, .45);
  color-scheme: dark;
}
:root[data-mode="dark"]:not([data-theme]) {
  --link: #a5a0ff;
}
:root[data-mode="dark"][data-theme="teal"] {
  --link: #5eead4;
}
:root[data-mode="dark"][data-theme="maroon"] {
  --link: #fda4af;
}
:root[data-mode="dark"][data-theme="green"] {
  --link: #86efac;
}
:root[data-mode="dark"][data-theme="navy"] {
  --link: #93b4ff;
}

/* Dark mode, following the device */
@media (prefers-color-scheme: dark) {
  :root[data-mode="auto"]:not([data-theme="contrast"]) {
    --bg1: #0f1424;
    --bg2: #12182b;
    --card: #182036;
    --ink: #e7eaf6;
    --ink2: #c5cbe3;
    --muted: #a3abcb;
    --faint: #6b7394;
    --line: #2c3554;
    --line2: #232b46;
    --soft: #1d2540;
    --soft2: #262f55;
    --soft3: #303a66;
    --row-hover: #1f2742;
    --cancel-bg: #3a1d26;
    --neutral-bg: #2c3554;
    --line-hover: #46518a;
    --brand-line: #34407a;
    --brand-line2: #4a56a0;
    --ok: #34d399;
    --ok-bg: #12352a;
    --ok-ink: #6ee7b7;
    --ok-line: #1f5a45;
    --warn: #fbbf24;
    --warn-bg: #3a2e10;
    --warn-ink: #fcd34d;
    --warn-line: #6b5418;
    --danger: #fb7185;
    --danger-bg: #3d1820;
    --danger-ink: #fda4af;
    --danger-line: #6b2a38;
    --info-bg: #10303d;
    --info-ink: #7dd3fc;
    --info-line: #1e5568;
    --ribbon-a: #3a2f0a;
    --ribbon-b: #4a3c0e;
    --ribbon-line: #6b5418;
    --ribbon-ink: #fde68a;
    --glow-a: rgba(124, 92, 255, .14);
    --glow-b: rgba(6, 182, 212, .08);
    --sidebar-bg: rgba(24, 32, 54, .92);
    --topbar-a: rgba(15, 20, 36, .96);
    --topbar-b: rgba(15, 20, 36, .82);
    --sh: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .35);
    --sh2: 0 2px 4px rgba(0, 0, 0, .4), 0 14px 34px rgba(0, 0, 0, .45);
    color-scheme: dark;
  }
  :root[data-mode="auto"]:not([data-theme]) {
    --link: #a5a0ff;
  }
  :root[data-mode="auto"][data-theme="teal"] {
    --link: #5eead4;
  }
  :root[data-mode="auto"][data-theme="maroon"] {
    --link: #fda4af;
  }
  :root[data-mode="auto"][data-theme="green"] {
    --link: #86efac;
  }
  :root[data-mode="auto"][data-theme="navy"] {
    --link: #93b4ff;
  }
}