/* GENERATED by scripts/gen-sales-tokens.mjs — DO NOT EDIT.
 *
 * The back-office palette, byte for byte: pkg/webui/static/gen/tokens.css
 * followed by pkg/webui/static/gen/admin-theme.css. Both of those are themselves
 * generated from design/tokens/laundry.tokens.json — change a colour THERE and
 * run `make tokens`.
 *
 * The order is load-bearing: the second file re-declares the same --sn-* names
 * with the KasirBiru blue values in the same scopes and wins on cascade position.
 * Swapped, apps/sales-web renders Sneat purple and nothing reports it.
 *
 * apps/sales-web authors no colour of its own. Every rule in css/*.css reads
 * var(--sn-*) from here; a literal hex in that directory is a bug.
 */

/* ── pkg/webui/static/gen/tokens.css — shared Sneat kit (gen-backoffice-tokens.mjs) ── */
/* GENERATED by scripts/gen-backoffice-tokens.mjs — DO NOT EDIT.
 *
 * Source: design/tokens/laundry.tokens.json — the one place a colour is authored.
 * Change it THERE and run `make tokens`. CI fails if this file drifts from its
 * source, so a hand edit here is caught by the build rather than discovered a
 * month later, when the till and the backoffice are two different purples.
 *
 * Contrast is NOT asserted here. It is GATED — every rendered pair is declared in
 * design/tokens/contrast.pairs.json and enforced by scripts/contrast-check.mjs on
 * every commit. The file this replaces carried the header "Contrast validated
 * WCAG AA (light 6/6, dark 6/6) on 2026-07-12". That sentence was true when it was
 * written and said nothing at all about the pixels you are looking at now.
 */

:root,
html[data-theme="light"] {
  --sn-primary: #5E61FF;
  --sn-on-primary: #FFFFFF;
  --sn-primary-container: #E7E7FF;
  --sn-on-primary-container: #2B2D7A;
  --sn-primary-text: #595CF2;
  --sn-secondary: #69788C;
  --sn-on-secondary: #FFFFFF;
  --sn-secondary-container: #E4E8EC;
  --sn-on-secondary-container: #33404F;
  --sn-secondary-text: #647285;
  --sn-success: #71DD37;
  --sn-on-success: #22303E;
  --sn-success-container: #E4F9D6;
  --sn-on-success-container: #2F6B12;
  --sn-success-text: #3E8617;
  --sn-info: #03C3EC;
  --sn-on-info: #22303E;
  --sn-info-container: #D6F5FD;
  --sn-on-info-container: #01576B;
  --sn-info-text: #02819C;
  --sn-warning: #FFAB00;
  --sn-on-warning: #22303E;
  --sn-warning-container: #FFEFD0;
  --sn-on-warning-container: #7A5200;
  --sn-warning-text: #A16C00;
  --sn-error: #E82200;
  --sn-on-error: #FFFFFF;
  --sn-error-container: #FFE0DB;
  --sn-on-error-container: #8B1400;
  --sn-error-text: #E82200;
  --sn-background: #F5F5F9;
  --sn-surface: #FFFFFF;
  --sn-on-surface: #22303E;
  --sn-on-surface-variant: #627183;
  --sn-surface-container-low: #FAFAFA;
  --sn-surface-container: #F5F5F5;
  --sn-surface-container-high: #EEEEEE;
  --sn-outline: #858D9B;
  --sn-outline-variant: #E0E0E0;
  --sn-inverse-surface: #22303E;
  --sn-inverse-on-surface: #F5F5F9;
  --sn-scrim: #22303E;
  --sn-grey-50: #FAFAFA;
  --sn-grey-100: #F5F5F5;
  --sn-grey-200: #EEEEEE;
  --sn-grey-300: #E0E0E0;
  --sn-grey-400: #BDBDBD;
  --sn-grey-500: #9E9E9E;
  --sn-grey-600: #757575;
  --sn-grey-700: #616161;
  --sn-grey-800: #424242;
  --sn-grey-900: #212121;
  --sn-chart-1: #5E61FF;
  --sn-chart-2: #03C3EC;
  --sn-chart-3: #71DD37;
  --sn-chart-4: #FFAB00;
  --sn-chart-5: #69788C;
  --sn-chart-6: #B4B5FF;
  --sn-shadow-key-umbra: #22303E;
  --sn-shadow-opacity-xs: 0.06;
  --sn-shadow-opacity-sm: 0.08;
  --sn-shadow-opacity-md: 0.1;
  --sn-shadow-opacity-lg: 0.14;
  --sn-shadow-opacity-xl: 0.18;
  --sn-state-hover: 0.06;
  --sn-state-focus: 0.1;
  --sn-state-selected: 0.08;
  --sn-state-disabled: 0.4;
  --sn-state-border-opacity: 0.12;
  --sn-state-scrim-opacity: 0.5;
  --sn-shadow-rgb: 34 48 62;

  --sn-font-family: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sn-type-h1-size: 2.375rem;
  --sn-type-h1-line: 3rem;
  --sn-type-h1-weight: 500;
  --sn-type-h2-size: 2rem;
  --sn-type-h2-line: 2.625rem;
  --sn-type-h2-weight: 500;
  --sn-type-h3-size: 1.625rem;
  --sn-type-h3-line: 2.25rem;
  --sn-type-h3-weight: 500;
  --sn-type-h4-size: 1.375rem;
  --sn-type-h4-line: 1.875rem;
  --sn-type-h4-weight: 500;
  --sn-type-h5-size: 1.125rem;
  --sn-type-h5-line: 1.625rem;
  --sn-type-h5-weight: 500;
  --sn-type-h6-size: 0.9375rem;
  --sn-type-h6-line: 1.375rem;
  --sn-type-h6-weight: 500;
  --sn-type-subtitle-1-size: 1rem;
  --sn-type-subtitle-1-line: 1.5rem;
  --sn-type-subtitle-1-weight: 400;
  --sn-type-subtitle-2-size: 0.875rem;
  --sn-type-subtitle-2-line: 1.375rem;
  --sn-type-subtitle-2-weight: 500;
  --sn-type-body-1-size: 0.9375rem;
  --sn-type-body-1-line: 1.375rem;
  --sn-type-body-1-weight: 400;
  --sn-type-body-2-size: 0.8125rem;
  --sn-type-body-2-line: 1.25rem;
  --sn-type-body-2-weight: 400;
  --sn-type-button-size: 0.9375rem;
  --sn-type-button-line: 1.375rem;
  --sn-type-button-weight: 500;
  --sn-type-button-transform: capitalize;
  --sn-type-caption-size: 0.8125rem;
  --sn-type-caption-line: 1.25rem;
  --sn-type-caption-weight: 400;
  --sn-type-overline-size: 0.75rem;
  --sn-type-overline-line: 1rem;
  --sn-type-overline-weight: 400;
  --sn-type-overline-transform: uppercase;
  --sn-shape-corner-root: 6px;
  --sn-shape-corner-small: 4px;
  --sn-shape-corner-medium: 6px;
  --sn-shape-corner-large: 8px;
  --sn-shape-corner-x-large: 12px;
  --sn-shape-corner-2x-large: 16px;
  --sn-shape-corner-3x-large: 18px;
  --sn-shape-corner-full: 999px;
  --sn-admin-button-height: 38px;
  --sn-admin-input-height: 38px;
  --sn-admin-nav-width: 260px;
  --sn-admin-nav-width-collapsed: 84px;
  --sn-admin-navbar-height: 64px;
  --sn-admin-card-padding: 24px;
  --sn-admin-table-row-height: 50px;
  --sn-admin-table-header-height: 56px;
  --sn-auth-brand-gradient-from: #8487FF;
  --sn-auth-brand-gradient-to: #3B3C93;
  --sn-motion-duration-short: 150ms;
  --sn-motion-duration-medium: 300ms;
  --sn-motion-duration-long: 600ms;
  --sn-elevation-0: 0 0 0 0 rgb(var(--sn-shadow-rgb) / 0);
  --sn-elevation-1: 0 2px 4px rgb(var(--sn-shadow-rgb) / 0.12);
  --sn-elevation-2: 0 1px 5px rgb(var(--sn-shadow-rgb) / 0.06);
  --sn-elevation-3: 0 3px 8px rgb(var(--sn-shadow-rgb) / 0.14);
  --sn-elevation-4: 0 2px 6px rgb(var(--sn-shadow-rgb) / 0.08);
  --sn-elevation-5: 0 4px 10px rgb(var(--sn-shadow-rgb) / 0.15);
  --sn-elevation-6: 0 3px 8px rgb(var(--sn-shadow-rgb) / 0.1);
  --sn-elevation-7: 0 4px 18px rgb(var(--sn-shadow-rgb) / 0.1);
  --sn-elevation-8: 0 4px 12px rgb(var(--sn-shadow-rgb) / 0.14);
  --sn-elevation-9: 0 5px 14px rgb(var(--sn-shadow-rgb) / 0.18);
  --sn-elevation-10: 0 5px 22px rgb(var(--sn-shadow-rgb) / 0.18);
  --sn-elevation-11: 0 5px 16px rgb(var(--sn-shadow-rgb) / 0.2);
  --sn-elevation-12: 0 6px 17px rgb(var(--sn-shadow-rgb) / 0.22);
  --sn-elevation-16: 0 7px 21px rgb(var(--sn-shadow-rgb) / 0.26);
  --sn-elevation-24: 0 10px 30px rgb(var(--sn-shadow-rgb) / 0.34);
}

html[data-theme="dark"] {
  --sn-primary: #8789FF;
  --sn-on-primary: #22303E;
  --sn-primary-container: #3B3D6B;
  --sn-on-primary-container: #E7E7FF;
  --sn-primary-text: #8789FF;
  --sn-secondary: #8B97A8;
  --sn-on-secondary: #22303E;
  --sn-secondary-container: #3A4552;
  --sn-on-secondary-container: #E4E8EC;
  --sn-secondary-text: #8B97A8;
  --sn-success: #71DD37;
  --sn-on-success: #22303E;
  --sn-success-container: #2C4A18;
  --sn-on-success-container: #D7F7C4;
  --sn-success-text: #71DD37;
  --sn-info: #03C3EC;
  --sn-on-info: #22303E;
  --sn-info-container: #0B4A58;
  --sn-on-info-container: #C2EFFA;
  --sn-info-text: #03C3EC;
  --sn-warning: #FFAB00;
  --sn-on-warning: #22303E;
  --sn-warning-container: #5A3D00;
  --sn-on-warning-container: #FFE7B8;
  --sn-warning-text: #FFAB00;
  --sn-error: #FF654A;
  --sn-on-error: #22303E;
  --sn-error-container: #6B1000;
  --sn-on-error-container: #FFD6CF;
  --sn-error-text: #FF654A;
  --sn-background: #232333;
  --sn-surface: #2B2C40;
  --sn-on-surface: #E6E6F1;
  --sn-on-surface-variant: #AAB3DE;
  --sn-surface-container-low: #2F3349;
  --sn-surface-container: #313246;
  --sn-surface-container-high: #41415F;
  --sn-outline: #7983BB;
  --sn-outline-variant: #4A5072;
  --sn-inverse-surface: #E6E6F1;
  --sn-inverse-on-surface: #2B2C40;
  --sn-scrim: #1D1D2A;
  --sn-grey-50: #26293A;
  --sn-grey-100: #2F3349;
  --sn-grey-200: #26293A;
  --sn-grey-300: #4A5072;
  --sn-grey-400: #5E6692;
  --sn-grey-500: #7983BB;
  --sn-grey-600: #AAB3DE;
  --sn-grey-700: #B6BEE3;
  --sn-grey-800: #CFD3EC;
  --sn-grey-900: #E7E9F6;
  --sn-chart-1: #8789FF;
  --sn-chart-2: #03C3EC;
  --sn-chart-3: #71DD37;
  --sn-chart-4: #FFAB00;
  --sn-chart-5: #8B97A8;
  --sn-chart-6: #3B3D6B;
  --sn-shadow-key-umbra: #14141D;
  --sn-shadow-opacity-xs: 0.18;
  --sn-shadow-opacity-sm: 0.2;
  --sn-shadow-opacity-md: 0.22;
  --sn-shadow-opacity-lg: 0.24;
  --sn-shadow-opacity-xl: 0.26;
  --sn-state-hover: 0.06;
  --sn-state-focus: 0.1;
  --sn-state-selected: 0.08;
  --sn-state-disabled: 0.4;
  --sn-state-border-opacity: 0.12;
  --sn-state-scrim-opacity: 0.6;
  --sn-shadow-rgb: 20 20 29;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --sn-primary: #8789FF;
    --sn-on-primary: #22303E;
    --sn-primary-container: #3B3D6B;
    --sn-on-primary-container: #E7E7FF;
    --sn-primary-text: #8789FF;
    --sn-secondary: #8B97A8;
    --sn-on-secondary: #22303E;
    --sn-secondary-container: #3A4552;
    --sn-on-secondary-container: #E4E8EC;
    --sn-secondary-text: #8B97A8;
    --sn-success: #71DD37;
    --sn-on-success: #22303E;
    --sn-success-container: #2C4A18;
    --sn-on-success-container: #D7F7C4;
    --sn-success-text: #71DD37;
    --sn-info: #03C3EC;
    --sn-on-info: #22303E;
    --sn-info-container: #0B4A58;
    --sn-on-info-container: #C2EFFA;
    --sn-info-text: #03C3EC;
    --sn-warning: #FFAB00;
    --sn-on-warning: #22303E;
    --sn-warning-container: #5A3D00;
    --sn-on-warning-container: #FFE7B8;
    --sn-warning-text: #FFAB00;
    --sn-error: #FF654A;
    --sn-on-error: #22303E;
    --sn-error-container: #6B1000;
    --sn-on-error-container: #FFD6CF;
    --sn-error-text: #FF654A;
    --sn-background: #232333;
    --sn-surface: #2B2C40;
    --sn-on-surface: #E6E6F1;
    --sn-on-surface-variant: #AAB3DE;
    --sn-surface-container-low: #2F3349;
    --sn-surface-container: #313246;
    --sn-surface-container-high: #41415F;
    --sn-outline: #7983BB;
    --sn-outline-variant: #4A5072;
    --sn-inverse-surface: #E6E6F1;
    --sn-inverse-on-surface: #2B2C40;
    --sn-scrim: #1D1D2A;
    --sn-grey-50: #26293A;
    --sn-grey-100: #2F3349;
    --sn-grey-200: #26293A;
    --sn-grey-300: #4A5072;
    --sn-grey-400: #5E6692;
    --sn-grey-500: #7983BB;
    --sn-grey-600: #AAB3DE;
    --sn-grey-700: #B6BEE3;
    --sn-grey-800: #CFD3EC;
    --sn-grey-900: #E7E9F6;
    --sn-chart-1: #8789FF;
    --sn-chart-2: #03C3EC;
    --sn-chart-3: #71DD37;
    --sn-chart-4: #FFAB00;
    --sn-chart-5: #8B97A8;
    --sn-chart-6: #3B3D6B;
    --sn-shadow-key-umbra: #14141D;
    --sn-shadow-opacity-xs: 0.18;
    --sn-shadow-opacity-sm: 0.2;
    --sn-shadow-opacity-md: 0.22;
    --sn-shadow-opacity-lg: 0.24;
    --sn-shadow-opacity-xl: 0.26;
    --sn-state-hover: 0.06;
    --sn-state-focus: 0.1;
    --sn-state-selected: 0.08;
    --sn-state-disabled: 0.4;
    --sn-state-border-opacity: 0.12;
    --sn-state-scrim-opacity: 0.6;
    --sn-shadow-rgb: 20 20 29;
  }
}

/* ── pkg/webui/static/gen/admin-theme.css — KasirBiru override (gen-admin-theme.mjs) ── */
/* GENERATED by scripts/gen-admin-theme.mjs — DO NOT EDIT.
 *
 * Source: design/tokens/laundry.tokens.json — the one place a colour is authored.
 * Change it THERE and run `make tokens`. CI fails if this file drifts from its
 * source, so a hand edit here is caught by the build rather than found later, when
 * one screen has quietly stopped agreeing with every other.
 *
 * THE BACKOFFICE'S PALETTE, AND NOBODY ELSE'S.
 *
 * This file re-declares the --sn-* custom properties that pkg/webui/static/gen/
 * tokens.css already defines, in the same three theme scopes, with the KasirBiru
 * blue values from color.pos.*. It is linked immediately after tokens.css by
 * templates/layout.html and templates/platform/layout.html — and by nothing else.
 * auth-service and core-api mount the same shared kit and never link this file, so
 * they keep the Sneat identity. That is the entire mechanism; there is no build
 * flag and no runtime branch.
 *
 * Metrics are deliberately absent. --sn-admin-* (38px controls, 260px rail) still
 * comes from tokens.css: DESIGN-LANGUAGE.md §4 fences admin sizing from PoS touch
 * floors, and adopting the till's colour did not adopt its geometry.
 *
 * Contrast is NOT asserted here. It is GATED — every rendered pair is declared in
 * design/tokens/contrast.pairs.json under the `~pos.` prefix and enforced by
 * scripts/contrast-check.mjs on every commit.
 */

:root,
html[data-theme="light"] {
  --sn-primary: #1E5EE5;
  --sn-on-primary: #FFFFFF;
  --sn-primary-container: #E3ECFF;
  --sn-on-primary-container: #12398F;
  --sn-primary-text: #12398F;
  --sn-secondary: #5A6B85;
  --sn-on-secondary: #FFFFFF;
  --sn-secondary-container: #E9EDF5;
  --sn-on-secondary-container: #33404F;
  --sn-secondary-text: #4A5A72;
  --sn-success: #0E875D;
  --sn-on-success: #FFFFFF;
  --sn-success-container: #E2F5EC;
  --sn-on-success-container: #0B6B49;
  --sn-success-text: #0B6B49;
  --sn-info: #03C3EC;
  --sn-on-info: #22303E;
  --sn-info-container: #D6F5FD;
  --sn-on-info-container: #01576B;
  --sn-info-text: #02819C;
  --sn-warning: #AA6200;
  --sn-on-warning: #FFFFFF;
  --sn-warning-container: #FFF1DC;
  --sn-on-warning-container: #7A4700;
  --sn-warning-text: #7A4700;
  --sn-error: #D93843;
  --sn-on-error: #FFFFFF;
  --sn-error-container: #FBE3E5;
  --sn-on-error-container: #8B1400;
  --sn-error-text: #B5232D;
  --sn-prem: #7A3FD1;
  --sn-on-prem: #FFFFFF;
  --sn-prem-container: #F0E7FF;
  --sn-on-prem-container: #4A2680;
  --sn-prem-text: #6B34B8;
  --sn-background: #EDF2FA;
  --sn-surface: #FFFFFF;
  --sn-on-surface: #0C1B33;
  --sn-on-surface-variant: #5A6B85;
  --sn-surface-container-low: #F8FAFD;
  --sn-surface-container: #F5F8FE;
  --sn-surface-container-high: #E9EFFA;
  --sn-outline: #7287AF;
  --sn-outline-variant: #D9E4F4;
  --sn-inverse-surface: #0C1B33;
  --sn-inverse-on-surface: #EDF2FA;
  --sn-scrim: #0C1B33;
  --sn-chart-1: #1E5EE5;
  --sn-chart-2: #03C3EC;
  --sn-chart-3: #0E875D;
  --sn-chart-4: #AA6200;
  --sn-chart-5: #5A6B85;
  --sn-chart-6: #7A3FD1;
  --sn-shadow-rgb: 18 57 143;

  --sn-font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sn-font-family-display: "Space Grotesk", Inter, system-ui, sans-serif;
  --sn-font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --sn-type-h1-size: 1.1875rem;
  --sn-type-h1-line: 1.625rem;
  --sn-type-h1-weight: 600;
  --sn-type-h2-size: 1.03125rem;
  --sn-type-h2-line: 1.4375rem;
  --sn-type-h2-weight: 600;
  --sn-type-h3-size: 1.0625rem;
  --sn-type-h3-line: 1.5rem;
  --sn-type-h3-weight: 600;
  --sn-type-h4-size: 1.375rem;
  --sn-type-h4-line: 1.75rem;
  --sn-type-h4-weight: 700;
  --sn-type-h5-size: 1.125rem;
  --sn-type-h5-line: 1.5rem;
  --sn-type-h5-weight: 600;
  --sn-type-h6-size: 0.9375rem;
  --sn-type-h6-line: 1.375rem;
  --sn-type-h6-weight: 600;
  --sn-type-subtitle-1-size: 1rem;
  --sn-type-subtitle-1-line: 1.5rem;
  --sn-type-subtitle-1-weight: 500;
  --sn-type-subtitle-2-size: 0.875rem;
  --sn-type-subtitle-2-line: 1.25rem;
  --sn-type-subtitle-2-weight: 600;
  --sn-type-body-1-size: 0.9375rem;
  --sn-type-body-1-line: 1.4375rem;
  --sn-type-body-1-weight: 400;
  --sn-type-body-2-size: 0.84375rem;
  --sn-type-body-2-line: 1.25rem;
  --sn-type-body-2-weight: 400;
  --sn-type-button-size: 0.875rem;
  --sn-type-button-line: 1.25rem;
  --sn-type-button-weight: 600;
  --sn-type-button-transform: none;
  --sn-type-caption-size: 0.75rem;
  --sn-type-caption-line: 1.0625rem;
  --sn-type-caption-weight: 400;
  --sn-type-overline-size: 0.6875rem;
  --sn-type-overline-line: 1rem;
  --sn-type-overline-weight: 700;
  --sn-type-overline-transform: uppercase;
  --sn-type-overline-tracking: 0.07em;
  --sn-shape-corner-root: 12px;
  --sn-shape-corner-small: 10px;
  --sn-shape-corner-medium: 12px;
  --sn-shape-corner-large: 14px;
  --sn-shape-corner-x-large: 18px;
  --sn-shape-corner-2x-large: 20px;
  --sn-shape-corner-3x-large: 22px;
  --sn-shape-corner-full: 999px;
  --sn-motion-duration-press: 120ms;
  --sn-motion-duration-exit: 150ms;
  --sn-motion-duration-enter: 260ms;
  --sn-motion-duration-short: 200ms;
  --sn-motion-duration-medium: 300ms;
  --sn-motion-duration-long: 420ms;
  --sn-motion-stagger-step: 38ms;
  --sn-motion-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --sn-motion-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --sn-motion-ease-inout: cubic-bezier(0.77, 0, 0.175, 1);
  --sn-motion-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --sn-elevation-0: 0 0 0 0 rgb(var(--sn-shadow-rgb) / 0);
  --sn-elevation-2: 0 8px 24px rgb(var(--sn-shadow-rgb) / 0.1);
  --sn-elevation-4: 0 10px 28px rgb(var(--sn-shadow-rgb) / 0.12);
  --sn-elevation-8: 0 16px 40px rgb(var(--sn-shadow-rgb) / 0.14);
  --sn-elevation-24: 0 30px 70px rgb(var(--sn-shadow-rgb) / 0.18);
}

html[data-theme="dark"] {
  --sn-primary: #4C82F7;
  --sn-on-primary: #06122A;
  --sn-primary-container: #20293A;
  --sn-on-primary-container: #A9C4FF;
  --sn-primary-text: #A9C4FF;
  --sn-secondary: #9CA3AA;
  --sn-on-secondary: #06122A;
  --sn-secondary-container: #2B3035;
  --sn-on-secondary-container: #E8EAEC;
  --sn-secondary-text: #9CA3AA;
  --sn-success: #3ECF97;
  --sn-on-success: #06122A;
  --sn-success-container: #1F3631;
  --sn-on-success-container: #3ECF97;
  --sn-success-text: #3ECF97;
  --sn-info: #03C3EC;
  --sn-on-info: #22303E;
  --sn-info-container: #0B4A58;
  --sn-on-info-container: #C2EFFA;
  --sn-info-text: #03C3EC;
  --sn-warning: #F5B455;
  --sn-on-warning: #06122A;
  --sn-warning-container: #393227;
  --sn-on-warning-container: #F5B455;
  --sn-warning-text: #F5B455;
  --sn-error: #FF6B72;
  --sn-on-error: #06122A;
  --sn-error-container: #35262A;
  --sn-on-error-container: #FF6B72;
  --sn-error-text: #FF6B72;
  --sn-prem: #B98BFF;
  --sn-on-prem: #06122A;
  --sn-prem-container: #2D2A3B;
  --sn-on-prem-container: #B98BFF;
  --sn-prem-text: #B98BFF;
  --sn-background: #131517;
  --sn-surface: #1A1D20;
  --sn-on-surface: #E8EAEC;
  --sn-on-surface-variant: #9CA3AA;
  --sn-surface-container-low: #1A1D20;
  --sn-surface-container: #22262A;
  --sn-surface-container-high: #262B30;
  --sn-outline: #6C7075;
  --sn-outline-variant: #232830;
  --sn-inverse-surface: #E8EAEC;
  --sn-inverse-on-surface: #131517;
  --sn-scrim: #000000;
  --sn-chart-1: #4C82F7;
  --sn-chart-2: #03C3EC;
  --sn-chart-3: #3ECF97;
  --sn-chart-4: #F5B455;
  --sn-chart-5: #9CA3AA;
  --sn-chart-6: #B98BFF;
  --sn-shadow-rgb: 0 0 0;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --sn-primary: #4C82F7;
    --sn-on-primary: #06122A;
    --sn-primary-container: #20293A;
    --sn-on-primary-container: #A9C4FF;
    --sn-primary-text: #A9C4FF;
    --sn-secondary: #9CA3AA;
    --sn-on-secondary: #06122A;
    --sn-secondary-container: #2B3035;
    --sn-on-secondary-container: #E8EAEC;
    --sn-secondary-text: #9CA3AA;
    --sn-success: #3ECF97;
    --sn-on-success: #06122A;
    --sn-success-container: #1F3631;
    --sn-on-success-container: #3ECF97;
    --sn-success-text: #3ECF97;
    --sn-info: #03C3EC;
    --sn-on-info: #22303E;
    --sn-info-container: #0B4A58;
    --sn-on-info-container: #C2EFFA;
    --sn-info-text: #03C3EC;
    --sn-warning: #F5B455;
    --sn-on-warning: #06122A;
    --sn-warning-container: #393227;
    --sn-on-warning-container: #F5B455;
    --sn-warning-text: #F5B455;
    --sn-error: #FF6B72;
    --sn-on-error: #06122A;
    --sn-error-container: #35262A;
    --sn-on-error-container: #FF6B72;
    --sn-error-text: #FF6B72;
    --sn-prem: #B98BFF;
    --sn-on-prem: #06122A;
    --sn-prem-container: #2D2A3B;
    --sn-on-prem-container: #B98BFF;
    --sn-prem-text: #B98BFF;
    --sn-background: #131517;
    --sn-surface: #1A1D20;
    --sn-on-surface: #E8EAEC;
    --sn-on-surface-variant: #9CA3AA;
    --sn-surface-container-low: #1A1D20;
    --sn-surface-container: #22262A;
    --sn-surface-container-high: #262B30;
    --sn-outline: #6C7075;
    --sn-outline-variant: #232830;
    --sn-inverse-surface: #E8EAEC;
    --sn-inverse-on-surface: #131517;
    --sn-scrim: #000000;
    --sn-chart-1: #4C82F7;
    --sn-chart-2: #03C3EC;
    --sn-chart-3: #3ECF97;
    --sn-chart-4: #F5B455;
    --sn-chart-5: #9CA3AA;
    --sn-chart-6: #B98BFF;
    --sn-shadow-rgb: 0 0 0;
  }
}