/* castomAI theme. Generated by tools/build.mjs from setups/castomai.json. Do not edit. */

:root {
  --font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --base-size: 16px;
  --lh: 1.5;
  --heading-weight: 700;
  --radius-tile: 22px;
  --radius-card: 22px;
  --radius-control: 12px;
  --radius-button: 999px;
  --setup-gap: 20px;
  --setup-pad: 32px;
  --setup-card-pad: 24px;
  --sidebar-w: 264px;
  --rail-w: 72px;
  --brand-1: #003C87;
  --brand-2: #0052B6;
  --brand-3: #008FFF;
  color-scheme: light;
  --paper: #F4F5F8;
  --frame: #EBEDF2;
  --paper-2: #FFFFFF;
  --ink: #0B0C10;
  --ink-2: #454A5C;
  --ink-3: #656875;
  --accent: #0052B6;
  --on-accent: #FFFFFF;
  --accent-ink: #0052B6;
  --accent-2: #008FFF;
  --inverse: #0B0C10;
  --on-inverse: #E8EAEE;
  --shadow: 0 1px 2px rgba(11,12,16,.05), 0 8px 28px -12px rgba(11,12,16,.16);
  --shadow-pop: 0 2px 6px rgba(11,12,16,.08), 0 24px 56px -12px rgba(11,12,16,.28);
  --mark-1: #003C87;
  --mark-2: #0052B6;
  --mark-3: #008FFF;
  --chart-1: #0052B6;
  --chart-2: #008FFF;
  --chart-3: #C27A0E;
  --chart-4: #7A5AE0;
  --chart-5: #D2466E;
  --chart-6: #2F9E44;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0B0C10;
  --frame: #101218;
  --paper-2: #15171E;
  --ink: #E8EAEE;
  --ink-2: #B4B8C6;
  --ink-3: #9195a1;
  --accent: #0052B6;
  --on-accent: #FFFFFF;
  --accent-ink: #1d83ff;
  --accent-2: #0064df;
  --inverse: #2A2E39;
  --on-inverse: #F2F3F6;
  --shadow: 0 1px 2px rgba(0,0,0,.5), 0 8px 28px -12px rgba(0,0,0,.7);
  --shadow-pop: 0 2px 6px rgba(0,0,0,.5), 0 24px 56px -12px rgba(0,0,0,.8);
  --mark-1: #00459b;
  --mark-2: #0052B6;
  --mark-3: #008FFF;
  --chart-1: #1d83ff;
  --chart-2: #0064df;
  --chart-3: #0F8B8D;
  --chart-4: #C27A0E;
  --chart-5: #7A5AE0;
  --chart-6: #D2466E;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
  color-scheme: dark;
  --paper: #0B0C10;
  --frame: #101218;
  --paper-2: #15171E;
  --ink: #E8EAEE;
  --ink-2: #B4B8C6;
  --ink-3: #9195a1;
  --accent: #0052B6;
  --on-accent: #FFFFFF;
  --accent-ink: #1d83ff;
  --accent-2: #0064df;
  --inverse: #2A2E39;
  --on-inverse: #F2F3F6;
  --shadow: 0 1px 2px rgba(0,0,0,.5), 0 8px 28px -12px rgba(0,0,0,.7);
  --shadow-pop: 0 2px 6px rgba(0,0,0,.5), 0 24px 56px -12px rgba(0,0,0,.8);
  --mark-1: #00459b;
  --mark-2: #0052B6;
  --mark-3: #008FFF;
  --chart-1: #1d83ff;
  --chart-2: #0064df;
  --chart-3: #0F8B8D;
  --chart-4: #C27A0E;
  --chart-5: #7A5AE0;
  --chart-6: #D2466E;
}
}

:root[data-theme="contrast"] {
  color-scheme: light;
  --paper: #FFFFFF;
  --frame: #FFFFFF;
  --paper-2: #FFFFFF;
  --ink: #000000;
  --ink-2: #000000;
  --ink-3: #000000;
  --accent: #0052B6;
  --on-accent: #FFFFFF;
  --accent-ink: #0052B6;
  --accent-2: #0052B6;
  --inverse: #000000;
  --on-inverse: #FFFFFF;
  --shadow: none;
  --shadow-pop: none;
  --mark-1: #000000;
  --mark-2: #000000;
  --mark-3: #000000;
  --chart-1: #0052B6;
  --chart-2: #000000;
  --chart-3: #0d797b;
  --chart-4: #9c620b;
  --chart-5: #7A5AE0;
  --chart-6: #267f36;
}

@media (prefers-contrast: more) {
:root:not([data-theme]) {
  color-scheme: light;
  --paper: #FFFFFF;
  --frame: #FFFFFF;
  --paper-2: #FFFFFF;
  --ink: #000000;
  --ink-2: #000000;
  --ink-3: #000000;
  --accent: #0052B6;
  --on-accent: #FFFFFF;
  --accent-ink: #0052B6;
  --accent-2: #0052B6;
  --inverse: #000000;
  --on-inverse: #FFFFFF;
  --shadow: none;
  --shadow-pop: none;
  --mark-1: #000000;
  --mark-2: #000000;
  --mark-3: #000000;
  --chart-1: #0052B6;
  --chart-2: #000000;
  --chart-3: #0d797b;
  --chart-4: #9c620b;
  --chart-5: #7A5AE0;
  --chart-6: #267f36;
}
}

:root[data-theme="contrast-dark"] {
  color-scheme: dark;
  --paper: #000000;
  --frame: #000000;
  --paper-2: #000000;
  --ink: #FFFFFF;
  --ink-2: #FFFFFF;
  --ink-3: #FFFFFF;
  --accent: #4699ff;
  --on-accent: #000000;
  --accent-ink: #4699ff;
  --accent-2: #4699ff;
  --inverse: #FFFFFF;
  --on-inverse: #000000;
  --shadow: none;
  --shadow-pop: none;
  --mark-1: #FFFFFF;
  --mark-2: #FFFFFF;
  --mark-3: #FFFFFF;
  --chart-1: #4699ff;
  --chart-2: #FFFFFF;
  --chart-3: #0F8B8D;
  --chart-4: #C27A0E;
  --chart-5: #886be3;
  --chart-6: #2F9E44;
}

@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
:root:not([data-theme]) {
  color-scheme: dark;
  --paper: #000000;
  --frame: #000000;
  --paper-2: #000000;
  --ink: #FFFFFF;
  --ink-2: #FFFFFF;
  --ink-3: #FFFFFF;
  --accent: #4699ff;
  --on-accent: #000000;
  --accent-ink: #4699ff;
  --accent-2: #4699ff;
  --inverse: #FFFFFF;
  --on-inverse: #000000;
  --shadow: none;
  --shadow-pop: none;
  --mark-1: #FFFFFF;
  --mark-2: #FFFFFF;
  --mark-3: #FFFFFF;
  --chart-1: #4699ff;
  --chart-2: #FFFFFF;
  --chart-3: #0F8B8D;
  --chart-4: #C27A0E;
  --chart-5: #886be3;
  --chart-6: #2F9E44;
}
}