/* Generated by tools/build-theme.mjs from assets/tokens/colors.css. Do not edit.
 *
 * The design system ships its dark sheet as [data-theme="dark"] only. This
 * mirrors that block onto prefers-color-scheme so the operating system setting
 * is honoured by default, while :root:not([data-theme="light"]) keeps an
 * explicit light choice winning over it.
 *
 * Re-run tools/build-theme.mjs after any change to the colour tokens. */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sheet: #131312;
    --sheet-2: #1c1c1b;
    --sheet-raised: #202020;
    --grid: #2f2f2d;
    --grid-soft: #262624;
    --ink: #f0f0ec;
    --ink-2: #bdbdb8;
    --ink-3: #8c8c88;
    --ink-4: #5e5e5b;
    --blueprint: #7d9df0;
    --blueprint-hover: #98b2f5;
    --blueprint-soft: #1c2745;
    --redline: #e0706a;
    --redline-soft: #3a1f1e;
    --ok: #6dbb8a;
    --ok-soft: #1c2f24;
    --scrim: rgba(0, 0, 0, 0.55);
    --hatch: rgba(240, 240, 236, 0.06);
    --grid-line: rgba(240, 240, 236, 0.07);
    --shadow-dialog: 0 24px 48px -24px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--grid);
    --shadow-popover: 0 8px 24px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px var(--grid);
    color-scheme: dark;
  }
}