/* Palette and faces copied from the storefront token block (Main.dc.html) under the same names, so production can share one file. The second block is the admin's own layer. */
:root{
  color-scheme:light;
  --background:oklch(97.4% 0.006 60);--paper-2:oklch(94.8% 0.009 60);--card:oklch(99.3% 0.004 70);
  --foreground:oklch(21% 0.016 45);--text-secondary:oklch(40% 0.016 50);--muted:oklch(50% 0.016 50);
  --border:oklch(89.5% 0.008 60);--border-strong:oklch(80% 0.01 55);--border-input:oklch(56% 0.014 50);
  --cta:oklch(55.3% 0.174 38.4);--cta-hover:oklch(47% 0.143 37.3);--cta-ink:oklch(99% 0.006 60);--link:var(--cta);--focus-ring:var(--cta);
  --fit-text:oklch(50.8% 0.105 165.6);--fit-bg:oklch(97.9% 0.021 166.1);--fit-border:oklch(90.5% 0.089 164.2);
  --save-text:oklch(52% 0.14 49);--save-bg:oklch(98.7% 0.021 95.3);--save-border:oklch(92.4% 0.115 95.7);
  --grade-original-text:oklch(46% 0.17 262);--grade-original-bg:oklch(95.5% 0.022 262);
  --grade-copotan-text:oklch(46% 0.19 295);--grade-copotan-bg:oklch(95.5% 0.025 295);
  --grade-after-text:var(--text-secondary);--grade-after-bg:var(--paper-2);
  --band-bg:oklch(21% 0.016 45);--band-text:oklch(92% 0.008 70);--band-muted:oklch(74% 0.012 60);--band-accent:oklch(83.7% 0.164 84.4);
  --shadow:oklch(21% 0.016 45 / 0.12);
  --font-body:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;--font-display:var(--font-body);--font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;
  --slide-baru:oklch(37% 0.13 262);--slide-second:oklch(34% 0.07 165);--slide-ink:oklch(98.5% 0.006 60);--slide-accent:var(--band-accent);--slide-cta-ink:oklch(21% 0.016 45);--slide-line:oklch(98.5% 0.006 60 / 0.28);
  --ease-out:cubic-bezier(0.16,1,0.3,1);--dur-micro:120ms;--dur-short:220ms;--slide-dur:7s;--slide-wipe:700ms;
  --mono-word:-0.3em;--radius-card:12px;--radius-input:8px;--radius-chip:6px;

  /* the admin's layer: a fixed type scale at 1.2, no fluid heads, and control heights on the app range */
  --text-xs:0.8125rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;
  --error-text:oklch(49% 0.17 27);--error-bg:oklch(96.5% 0.02 27);--error-border:oklch(49% 0.17 27);
  --band-soft:oklch(92% 0.008 70 / 0.12);--ring-on-band:var(--band-accent);--skeleton:var(--paper-2);
  --control:40px;--thumb:48px;--thumb-lg:64px;--topbar-h:56px;--tabbar-h:64px;--savebar-h:112px;--nextbar-h:72px;
  --container:1560px;--gutter:var(--space-md);--side:360px;--side-w:272px;--rail-w:72px;--side-now:var(--side-w);
  --radius-panel:16px;--radius-frame:20px;--shadow-panel:0 1px 2px var(--shadow);--shadow-lift:0 2px 8px var(--shadow);
  --text-4xl:2.488rem;
  /* charts: warm grey, the accent and ink, the storefront's three weights */
  --chart-a:var(--border-strong);--chart-b:var(--cta);--chart-c:var(--foreground);
  --flow-from:oklch(89% 0.075 62);--flow-mid:oklch(74% 0.14 50);--flow-to:var(--cta);
  --bar-from:oklch(86% 0.01 60);--bar-to:oklch(75% 0.012 58);--bar-best-from:oklch(70% 0.15 48);--bar-best-to:var(--cta);
  --hatch:oklch(89.5% 0.008 60 / 0.7);--side-tile:var(--band-bg);--side-tile-ink:var(--band-accent);
  --z-sticky:200;--z-tabbar:300;--z-undo:400;
}
[data-theme="dark"]{
  color-scheme:dark;
  --background:oklch(16% 0.012 55);--paper-2:oklch(20.5% 0.013 55);--card:oklch(19% 0.012 55);
  --foreground:oklch(94% 0.008 70);--text-secondary:oklch(82% 0.01 65);--muted:oklch(70% 0.012 60);
  --border:oklch(30% 0.012 55);--border-strong:oklch(40% 0.014 55);--border-input:oklch(58% 0.014 55);
  --cta-hover:oklch(48% 0.15 38);--link:oklch(76% 0.13 50);--focus-ring:oklch(72% 0.16 48);
  --fit-text:oklch(80% 0.12 165);--fit-bg:oklch(25% 0.035 170);--fit-border:oklch(40% 0.06 170);
  --save-text:oklch(83% 0.14 80);--save-bg:oklch(25% 0.035 80);--save-border:oklch(42% 0.07 80);
  --grade-original-text:oklch(82% 0.09 255);--grade-original-bg:oklch(28% 0.06 262);
  --grade-copotan-text:oklch(82% 0.1 295);--grade-copotan-bg:oklch(28% 0.07 295);
  --band-bg:oklch(22.5% 0.014 55);--shadow:oklch(5% 0.01 55 / 0.5);
  --flow-from:oklch(38% 0.07 50);--flow-mid:oklch(48% 0.12 45);--bar-from:oklch(42% 0.012 55);--bar-to:oklch(34% 0.012 55);--hatch:oklch(30% 0.012 55 / 0.7);--side-tile:oklch(30% 0.014 55);
  --error-text:oklch(78% 0.13 27);--error-bg:oklch(26% 0.05 27);--error-border:oklch(68% 0.16 27);
}
@media (pointer:coarse){:root{--control:48px}}
@media (min-width:40rem){:root{--gutter:var(--space-lg)}}
@media (min-width:60rem){:root{--gutter:var(--space-xl);--topbar-h:72px;--tabbar-h:0px;--savebar-h:72px}}