/* Generated from src/lib/palette.ts — do not edit by hand.
   The ACTIVE palette, served as the only declaration of these tokens.
   Switch palettes from the Hub: /hub/theming -> Palette. */

:root {
  --brand-green-tint-1: #ecfdf5;
  --brand-green-tint-2: #d1fae5;
  --brand-green-tint-3: #a7f3d0;
  --brand-green-tint-4: #6ee7b7;
  --brand-green-300: #6ee7b7;
  --brand-green-400: #34d399;
  --brand-green-500: #10b981;
  --brand-green-600: #047857;
  --brand-green-700: #065f46;
  --brand-green-800: #064e3b;
  --brand-green-ink: #065f46;
  --brand-amber-400: #a3e635;
  --brand-amber-600: #65a30d;
  --brand-amber-700: #4d7c0f;
  --brand-green-600-rgb: 4, 120, 87;
  --brand-amber-400-rgb: 163, 230, 53;
  --brand-ember-600: #c2410c;
  --surface: #ffffff;
  --surface-2: #f5faf7;
  --surface-3: #e8f4ee;
  --border-soft: #d5e8dd;
  --chrome: var(--brand-green-tint-1);
  --chrome-2: var(--brand-green-tint-2);
  --chrome-3: var(--brand-green-tint-3);
  --chrome-text: var(--brand-green-ink);
  --chrome-muted: #047354;
  --accent: var(--brand-green-600);
  --accent-ring: rgba(var(--brand-green-600-rgb), 0.45);
  --fill-pos: #15803d;
  --fill-neg: #b91c1c;
  --fill-warn: #92400e;
  --fill-design: #7c3aed;
  --state-pos-surface: #f0fdf4;
  --state-pos-border: #bbf7d0;
  --state-neg-surface: #fef2f2;
  --state-neg-border: #fecaca;
  --state-warn-surface: #fffbeb;
  --state-warn-border: #fde68a;
  --state-design-surface: #faf5ff;
  --state-design-border: #e9d5ff;
  --color-green-50: var(--state-pos-surface);
  --color-green-100: var(--state-pos-surface);
  --color-green-900: var(--state-pos-surface);
  --color-green-950: var(--state-pos-surface);
  --color-green-200: var(--state-pos-border);
  --color-green-300: var(--ink-pos);
  --color-green-700: var(--ink-pos);
  --color-green-800: var(--ink-pos);
  --color-green-400: var(--fill-pos);
  --color-green-500: var(--fill-pos);
  --color-green-600: var(--fill-pos);
  --color-emerald-50: var(--state-pos-surface);
  --color-emerald-100: var(--state-pos-surface);
  --color-emerald-900: var(--state-pos-surface);
  --color-emerald-950: var(--state-pos-surface);
  --color-emerald-200: var(--state-pos-border);
  --color-emerald-300: var(--ink-pos);
  --color-emerald-700: var(--ink-pos);
  --color-emerald-800: var(--ink-pos);
  --color-emerald-400: var(--fill-pos);
  --color-emerald-500: var(--fill-pos);
  --color-emerald-600: var(--fill-pos);
  --color-red-50: var(--state-neg-surface);
  --color-red-100: var(--state-neg-surface);
  --color-red-900: var(--state-neg-surface);
  --color-red-950: var(--state-neg-surface);
  --color-red-200: var(--state-neg-border);
  --color-red-300: var(--ink-neg);
  --color-red-700: var(--ink-neg);
  --color-red-800: var(--ink-neg);
  --color-red-400: var(--fill-neg);
  --color-red-500: var(--fill-neg);
  --color-red-600: var(--fill-neg);
  --color-rose-50: var(--state-neg-surface);
  --color-rose-100: var(--state-neg-surface);
  --color-rose-900: var(--state-neg-surface);
  --color-rose-950: var(--state-neg-surface);
  --color-rose-200: var(--state-neg-border);
  --color-rose-300: var(--ink-neg);
  --color-rose-700: var(--ink-neg);
  --color-rose-800: var(--ink-neg);
  --color-rose-400: var(--fill-neg);
  --color-rose-500: var(--fill-neg);
  --color-rose-600: var(--fill-neg);
  --color-amber-50: var(--state-warn-surface);
  --color-amber-100: var(--state-warn-surface);
  --color-amber-900: var(--state-warn-surface);
  --color-amber-950: var(--state-warn-surface);
  --color-amber-200: var(--state-warn-border);
  --color-amber-300: var(--ink-warn);
  --color-amber-700: var(--ink-warn);
  --color-amber-800: var(--ink-warn);
  --color-amber-400: var(--fill-warn);
  --color-amber-500: var(--fill-warn);
  --color-amber-600: var(--fill-warn);
  --color-orange-50: var(--state-warn-surface);
  --color-orange-100: var(--state-warn-surface);
  --color-orange-900: var(--state-warn-surface);
  --color-orange-950: var(--state-warn-surface);
  --color-orange-200: var(--state-warn-border);
  --color-orange-300: var(--ink-warn);
  --color-orange-700: var(--ink-warn);
  --color-orange-800: var(--ink-warn);
  --color-orange-400: var(--fill-warn);
  --color-orange-500: var(--fill-warn);
  --color-orange-600: var(--fill-warn);
  --color-purple-50: var(--state-design-surface);
  --color-purple-100: var(--state-design-surface);
  --color-purple-900: var(--state-design-surface);
  --color-purple-950: var(--state-design-surface);
  --color-purple-200: var(--state-design-border);
  --color-purple-300: var(--ink-design);
  --color-purple-700: var(--ink-design);
  --color-purple-800: var(--ink-design);
  --color-purple-400: var(--fill-design);
  --color-purple-500: var(--fill-design);
  --color-purple-600: var(--fill-design);
  --color-violet-50: var(--state-design-surface);
  --color-violet-100: var(--state-design-surface);
  --color-violet-900: var(--state-design-surface);
  --color-violet-950: var(--state-design-surface);
  --color-violet-200: var(--state-design-border);
  --color-violet-300: var(--ink-design);
  --color-violet-700: var(--ink-design);
  --color-violet-800: var(--ink-design);
  --color-violet-400: var(--fill-design);
  --color-violet-500: var(--fill-design);
  --color-violet-600: var(--fill-design);
  --ink-accent: var(--brand-green-600);
  --ink-pos: #15803d;
  --ink-neg: #b91c1c;
  --ink-warn: #b45309;
  --ink-design: #7c3aed;
  --data-cyan: #0e7490;
  --data-amber: #a16207;
  --data-coral: #be3f38;
  --data-ground: #061014;
  --text-strong: #12241c;
  --text: #33453c;
  --text-muted: #5e7168;
  --color-slate-50: #e5f2f0;
  --color-slate-100: #deeded;
  --color-slate-200: #d0e1e5;
  --color-slate-300: #bbd0d7;
  --color-slate-400: #89a2b2;
  --color-slate-500: #5c7788;
  --color-slate-600: #425a69;
  --color-slate-700: #2f4857;
  --color-slate-800: #1c323f;
  --color-slate-900: #0e212f;
  --color-gray-50: #e5f2ef;
  --color-gray-100: #e0eceb;
  --color-gray-200: #d3e1e1;
  --color-gray-800: #1d323b;
  --color-gray-900: #10222c;
}

html.dark {
  --surface: #0f1e18;
  --surface-2: #0a1611;
  --surface-3: #17332a;
  --border-soft: #234236;
  --chrome: #05110c;
  --chrome-2: #0f1e18;
  --chrome-3: #1a3529;
  --chrome-text: #eef6f1;
  --chrome-muted: #8fada1;
  --accent: var(--brand-green-600);
  --accent-ring: rgba(var(--brand-green-600-rgb), 0.45);
  --fill-pos: #15803d;
  --fill-neg: #b91c1c;
  --fill-warn: #92400e;
  --fill-design: #7c3aed;
  --state-pos-surface: #07251a;
  --state-pos-border: #0f4030;
  --state-neg-surface: #2a0f12;
  --state-neg-border: #4a161b;
  --state-warn-surface: #2a1d05;
  --state-warn-border: #4a3408;
  --state-design-surface: #1f1033;
  --state-design-border: #3d1e63;
  --color-green-50: var(--state-pos-surface);
  --color-green-100: var(--state-pos-surface);
  --color-green-900: var(--state-pos-surface);
  --color-green-950: var(--state-pos-surface);
  --color-green-200: var(--state-pos-border);
  --color-green-300: var(--ink-pos);
  --color-green-700: var(--ink-pos);
  --color-green-800: var(--ink-pos);
  --color-green-400: var(--fill-pos);
  --color-green-500: var(--fill-pos);
  --color-green-600: var(--fill-pos);
  --color-emerald-50: var(--state-pos-surface);
  --color-emerald-100: var(--state-pos-surface);
  --color-emerald-900: var(--state-pos-surface);
  --color-emerald-950: var(--state-pos-surface);
  --color-emerald-200: var(--state-pos-border);
  --color-emerald-300: var(--ink-pos);
  --color-emerald-700: var(--ink-pos);
  --color-emerald-800: var(--ink-pos);
  --color-emerald-400: var(--fill-pos);
  --color-emerald-500: var(--fill-pos);
  --color-emerald-600: var(--fill-pos);
  --color-red-50: var(--state-neg-surface);
  --color-red-100: var(--state-neg-surface);
  --color-red-900: var(--state-neg-surface);
  --color-red-950: var(--state-neg-surface);
  --color-red-200: var(--state-neg-border);
  --color-red-300: var(--ink-neg);
  --color-red-700: var(--ink-neg);
  --color-red-800: var(--ink-neg);
  --color-red-400: var(--fill-neg);
  --color-red-500: var(--fill-neg);
  --color-red-600: var(--fill-neg);
  --color-rose-50: var(--state-neg-surface);
  --color-rose-100: var(--state-neg-surface);
  --color-rose-900: var(--state-neg-surface);
  --color-rose-950: var(--state-neg-surface);
  --color-rose-200: var(--state-neg-border);
  --color-rose-300: var(--ink-neg);
  --color-rose-700: var(--ink-neg);
  --color-rose-800: var(--ink-neg);
  --color-rose-400: var(--fill-neg);
  --color-rose-500: var(--fill-neg);
  --color-rose-600: var(--fill-neg);
  --color-amber-50: var(--state-warn-surface);
  --color-amber-100: var(--state-warn-surface);
  --color-amber-900: var(--state-warn-surface);
  --color-amber-950: var(--state-warn-surface);
  --color-amber-200: var(--state-warn-border);
  --color-amber-300: var(--ink-warn);
  --color-amber-700: var(--ink-warn);
  --color-amber-800: var(--ink-warn);
  --color-amber-400: var(--fill-warn);
  --color-amber-500: var(--fill-warn);
  --color-amber-600: var(--fill-warn);
  --color-orange-50: var(--state-warn-surface);
  --color-orange-100: var(--state-warn-surface);
  --color-orange-900: var(--state-warn-surface);
  --color-orange-950: var(--state-warn-surface);
  --color-orange-200: var(--state-warn-border);
  --color-orange-300: var(--ink-warn);
  --color-orange-700: var(--ink-warn);
  --color-orange-800: var(--ink-warn);
  --color-orange-400: var(--fill-warn);
  --color-orange-500: var(--fill-warn);
  --color-orange-600: var(--fill-warn);
  --color-purple-50: var(--state-design-surface);
  --color-purple-100: var(--state-design-surface);
  --color-purple-900: var(--state-design-surface);
  --color-purple-950: var(--state-design-surface);
  --color-purple-200: var(--state-design-border);
  --color-purple-300: var(--ink-design);
  --color-purple-700: var(--ink-design);
  --color-purple-800: var(--ink-design);
  --color-purple-400: var(--fill-design);
  --color-purple-500: var(--fill-design);
  --color-purple-600: var(--fill-design);
  --color-violet-50: var(--state-design-surface);
  --color-violet-100: var(--state-design-surface);
  --color-violet-900: var(--state-design-surface);
  --color-violet-950: var(--state-design-surface);
  --color-violet-200: var(--state-design-border);
  --color-violet-300: var(--ink-design);
  --color-violet-700: var(--ink-design);
  --color-violet-800: var(--ink-design);
  --color-violet-400: var(--fill-design);
  --color-violet-500: var(--fill-design);
  --color-violet-600: var(--fill-design);
  --ink-accent: var(--brand-green-300);
  --ink-pos: #4ade80;
  --ink-neg: #f87171;
  --ink-warn: #fb923c;
  --ink-design: #c4b5fd;
  --data-cyan: #42b9d4;
  --data-amber: #f5d45c;
  --data-coral: #ff8a80;
  --data-ground: #061014;
  --text-strong: #eef6f1;
  --text: #d7e6de;
  --text-muted: #8fada1;
  --brand-green-tint-1: #022c22;
  --brand-green-tint-2: #064e3b;
  --brand-green-tint-3: #065f46;
  --brand-green-tint-4: #047857;
  --brand-green-700: #6ee7b7;
  --brand-green-800: #a7f3d0;
  --brand-green-ink: #a7f3d0;
  --color-slate-50: #102920;
  --color-slate-100: #173128;
  --color-slate-200: #223e35;
  --color-slate-300: #3f6156;
  --color-slate-400: #88a9b4;
  --color-slate-500: #9ab9bf;
  --color-slate-600: #b1cdcf;
  --color-slate-700: #c9e2e0;
  --color-slate-800: #d9f0ec;
  --color-slate-900: #e1f6f0;
  --color-gray-50: #102920;
  --color-gray-100: #173128;
  --color-gray-200: #223e35;
  --color-gray-800: #d9f0ec;
  --color-gray-900: #e1f6f0;
}

.sw .data-ground {
  --surface: #0f1e18;
  --surface-2: #0a1611;
  --surface-3: #17332a;
  --border-soft: #234236;
  --chrome: #05110c;
  --chrome-2: #0f1e18;
  --chrome-3: #1a3529;
  --chrome-text: #eef6f1;
  --chrome-muted: #8fada1;
  --accent: var(--brand-green-600);
  --accent-ring: rgba(var(--brand-green-600-rgb), 0.45);
  --fill-pos: #15803d;
  --fill-neg: #b91c1c;
  --fill-warn: #92400e;
  --fill-design: #7c3aed;
  --state-pos-surface: #07251a;
  --state-pos-border: #0f4030;
  --state-neg-surface: #2a0f12;
  --state-neg-border: #4a161b;
  --state-warn-surface: #2a1d05;
  --state-warn-border: #4a3408;
  --state-design-surface: #1f1033;
  --state-design-border: #3d1e63;
  --color-green-50: var(--state-pos-surface);
  --color-green-100: var(--state-pos-surface);
  --color-green-900: var(--state-pos-surface);
  --color-green-950: var(--state-pos-surface);
  --color-green-200: var(--state-pos-border);
  --color-green-300: var(--ink-pos);
  --color-green-700: var(--ink-pos);
  --color-green-800: var(--ink-pos);
  --color-green-400: var(--fill-pos);
  --color-green-500: var(--fill-pos);
  --color-green-600: var(--fill-pos);
  --color-emerald-50: var(--state-pos-surface);
  --color-emerald-100: var(--state-pos-surface);
  --color-emerald-900: var(--state-pos-surface);
  --color-emerald-950: var(--state-pos-surface);
  --color-emerald-200: var(--state-pos-border);
  --color-emerald-300: var(--ink-pos);
  --color-emerald-700: var(--ink-pos);
  --color-emerald-800: var(--ink-pos);
  --color-emerald-400: var(--fill-pos);
  --color-emerald-500: var(--fill-pos);
  --color-emerald-600: var(--fill-pos);
  --color-red-50: var(--state-neg-surface);
  --color-red-100: var(--state-neg-surface);
  --color-red-900: var(--state-neg-surface);
  --color-red-950: var(--state-neg-surface);
  --color-red-200: var(--state-neg-border);
  --color-red-300: var(--ink-neg);
  --color-red-700: var(--ink-neg);
  --color-red-800: var(--ink-neg);
  --color-red-400: var(--fill-neg);
  --color-red-500: var(--fill-neg);
  --color-red-600: var(--fill-neg);
  --color-rose-50: var(--state-neg-surface);
  --color-rose-100: var(--state-neg-surface);
  --color-rose-900: var(--state-neg-surface);
  --color-rose-950: var(--state-neg-surface);
  --color-rose-200: var(--state-neg-border);
  --color-rose-300: var(--ink-neg);
  --color-rose-700: var(--ink-neg);
  --color-rose-800: var(--ink-neg);
  --color-rose-400: var(--fill-neg);
  --color-rose-500: var(--fill-neg);
  --color-rose-600: var(--fill-neg);
  --color-amber-50: var(--state-warn-surface);
  --color-amber-100: var(--state-warn-surface);
  --color-amber-900: var(--state-warn-surface);
  --color-amber-950: var(--state-warn-surface);
  --color-amber-200: var(--state-warn-border);
  --color-amber-300: var(--ink-warn);
  --color-amber-700: var(--ink-warn);
  --color-amber-800: var(--ink-warn);
  --color-amber-400: var(--fill-warn);
  --color-amber-500: var(--fill-warn);
  --color-amber-600: var(--fill-warn);
  --color-orange-50: var(--state-warn-surface);
  --color-orange-100: var(--state-warn-surface);
  --color-orange-900: var(--state-warn-surface);
  --color-orange-950: var(--state-warn-surface);
  --color-orange-200: var(--state-warn-border);
  --color-orange-300: var(--ink-warn);
  --color-orange-700: var(--ink-warn);
  --color-orange-800: var(--ink-warn);
  --color-orange-400: var(--fill-warn);
  --color-orange-500: var(--fill-warn);
  --color-orange-600: var(--fill-warn);
  --color-purple-50: var(--state-design-surface);
  --color-purple-100: var(--state-design-surface);
  --color-purple-900: var(--state-design-surface);
  --color-purple-950: var(--state-design-surface);
  --color-purple-200: var(--state-design-border);
  --color-purple-300: var(--ink-design);
  --color-purple-700: var(--ink-design);
  --color-purple-800: var(--ink-design);
  --color-purple-400: var(--fill-design);
  --color-purple-500: var(--fill-design);
  --color-purple-600: var(--fill-design);
  --color-violet-50: var(--state-design-surface);
  --color-violet-100: var(--state-design-surface);
  --color-violet-900: var(--state-design-surface);
  --color-violet-950: var(--state-design-surface);
  --color-violet-200: var(--state-design-border);
  --color-violet-300: var(--ink-design);
  --color-violet-700: var(--ink-design);
  --color-violet-800: var(--ink-design);
  --color-violet-400: var(--fill-design);
  --color-violet-500: var(--fill-design);
  --color-violet-600: var(--fill-design);
  --ink-accent: var(--brand-green-300);
  --ink-pos: #4ade80;
  --ink-neg: #f87171;
  --ink-warn: #fb923c;
  --ink-design: #c4b5fd;
  --data-cyan: #42b9d4;
  --data-amber: #f5d45c;
  --data-coral: #ff8a80;
  --data-ground: #061014;
  --text-strong: #eef6f1;
  --text: #d7e6de;
  --text-muted: #8fada1;
  --brand-green-tint-1: #022c22;
  --brand-green-tint-2: #064e3b;
  --brand-green-tint-3: #065f46;
  --brand-green-tint-4: #047857;
  --brand-green-700: #6ee7b7;
  --brand-green-800: #a7f3d0;
  --brand-green-ink: #a7f3d0;
  --color-slate-50: #102920;
  --color-slate-100: #173128;
  --color-slate-200: #223e35;
  --color-slate-300: #3f6156;
  --color-slate-400: #88a9b4;
  --color-slate-500: #9ab9bf;
  --color-slate-600: #b1cdcf;
  --color-slate-700: #c9e2e0;
  --color-slate-800: #d9f0ec;
  --color-slate-900: #e1f6f0;
  --color-gray-50: #102920;
  --color-gray-100: #173128;
  --color-gray-200: #223e35;
  --color-gray-800: #d9f0ec;
  --color-gray-900: #e1f6f0;
}

/* /embed keeps the shipped SriWatt palette — see the route handler. */
.sw-embed {
  --brand-green-tint-1: #e1f3ee;
  --brand-green-tint-2: #cfebe3;
  --brand-green-tint-3: #bce1d7;
  --brand-green-tint-4: #8fd0c0;
  --brand-green-300: #5eead4;
  --brand-green-400: #38b89e;
  --brand-green-500: #159981;
  --brand-green-600: #0f766e;
  --brand-green-700: #115e59;
  --brand-green-800: #0d4a45;
  --brand-green-ink: #0b5c4d;
  --brand-amber-400: #fbbf24;
  --brand-amber-600: #d97706;
  --brand-amber-700: #b45309;
  --brand-green-600-rgb: 15, 118, 110;
  --brand-amber-400-rgb: 251, 191, 36;
  --brand-ember-600: #c2410c;
  --surface: #ffffff;
  --surface-2: #f6faf9;
  --surface-3: #eaf3f0;
  --border-soft: #d7e6e1;
  --chrome: var(--brand-green-tint-1);
  --chrome-2: var(--brand-green-tint-2);
  --chrome-3: var(--brand-green-tint-3);
  --chrome-text: var(--brand-green-ink);
  --chrome-muted: #39675d;
  --accent: var(--brand-green-600);
  --accent-ring: rgba(var(--brand-green-600-rgb), 0.45);
  --fill-pos: #15803d;
  --fill-neg: #b91c1c;
  --fill-warn: #92400e;
  --fill-design: #7c3aed;
  --state-pos-surface: #f0fdf4;
  --state-pos-border: #bbf7d0;
  --state-neg-surface: #fef2f2;
  --state-neg-border: #fecaca;
  --state-warn-surface: #fffbeb;
  --state-warn-border: #fde68a;
  --state-design-surface: #faf5ff;
  --state-design-border: #e9d5ff;
  --color-green-50: var(--state-pos-surface);
  --color-green-100: var(--state-pos-surface);
  --color-green-900: var(--state-pos-surface);
  --color-green-950: var(--state-pos-surface);
  --color-green-200: var(--state-pos-border);
  --color-green-300: var(--ink-pos);
  --color-green-700: var(--ink-pos);
  --color-green-800: var(--ink-pos);
  --color-green-400: var(--fill-pos);
  --color-green-500: var(--fill-pos);
  --color-green-600: var(--fill-pos);
  --color-emerald-50: var(--state-pos-surface);
  --color-emerald-100: var(--state-pos-surface);
  --color-emerald-900: var(--state-pos-surface);
  --color-emerald-950: var(--state-pos-surface);
  --color-emerald-200: var(--state-pos-border);
  --color-emerald-300: var(--ink-pos);
  --color-emerald-700: var(--ink-pos);
  --color-emerald-800: var(--ink-pos);
  --color-emerald-400: var(--fill-pos);
  --color-emerald-500: var(--fill-pos);
  --color-emerald-600: var(--fill-pos);
  --color-red-50: var(--state-neg-surface);
  --color-red-100: var(--state-neg-surface);
  --color-red-900: var(--state-neg-surface);
  --color-red-950: var(--state-neg-surface);
  --color-red-200: var(--state-neg-border);
  --color-red-300: var(--ink-neg);
  --color-red-700: var(--ink-neg);
  --color-red-800: var(--ink-neg);
  --color-red-400: var(--fill-neg);
  --color-red-500: var(--fill-neg);
  --color-red-600: var(--fill-neg);
  --color-rose-50: var(--state-neg-surface);
  --color-rose-100: var(--state-neg-surface);
  --color-rose-900: var(--state-neg-surface);
  --color-rose-950: var(--state-neg-surface);
  --color-rose-200: var(--state-neg-border);
  --color-rose-300: var(--ink-neg);
  --color-rose-700: var(--ink-neg);
  --color-rose-800: var(--ink-neg);
  --color-rose-400: var(--fill-neg);
  --color-rose-500: var(--fill-neg);
  --color-rose-600: var(--fill-neg);
  --color-amber-50: var(--state-warn-surface);
  --color-amber-100: var(--state-warn-surface);
  --color-amber-900: var(--state-warn-surface);
  --color-amber-950: var(--state-warn-surface);
  --color-amber-200: var(--state-warn-border);
  --color-amber-300: var(--ink-warn);
  --color-amber-700: var(--ink-warn);
  --color-amber-800: var(--ink-warn);
  --color-amber-400: var(--fill-warn);
  --color-amber-500: var(--fill-warn);
  --color-amber-600: var(--fill-warn);
  --color-orange-50: var(--state-warn-surface);
  --color-orange-100: var(--state-warn-surface);
  --color-orange-900: var(--state-warn-surface);
  --color-orange-950: var(--state-warn-surface);
  --color-orange-200: var(--state-warn-border);
  --color-orange-300: var(--ink-warn);
  --color-orange-700: var(--ink-warn);
  --color-orange-800: var(--ink-warn);
  --color-orange-400: var(--fill-warn);
  --color-orange-500: var(--fill-warn);
  --color-orange-600: var(--fill-warn);
  --color-purple-50: var(--state-design-surface);
  --color-purple-100: var(--state-design-surface);
  --color-purple-900: var(--state-design-surface);
  --color-purple-950: var(--state-design-surface);
  --color-purple-200: var(--state-design-border);
  --color-purple-300: var(--ink-design);
  --color-purple-700: var(--ink-design);
  --color-purple-800: var(--ink-design);
  --color-purple-400: var(--fill-design);
  --color-purple-500: var(--fill-design);
  --color-purple-600: var(--fill-design);
  --color-violet-50: var(--state-design-surface);
  --color-violet-100: var(--state-design-surface);
  --color-violet-900: var(--state-design-surface);
  --color-violet-950: var(--state-design-surface);
  --color-violet-200: var(--state-design-border);
  --color-violet-300: var(--ink-design);
  --color-violet-700: var(--ink-design);
  --color-violet-800: var(--ink-design);
  --color-violet-400: var(--fill-design);
  --color-violet-500: var(--fill-design);
  --color-violet-600: var(--fill-design);
  --ink-accent: var(--brand-green-600);
  --ink-pos: #15803d;
  --ink-neg: #b91c1c;
  --ink-warn: #b45309;
  --ink-design: #7c3aed;
  --data-cyan: #0e7490;
  --data-amber: #a16207;
  --data-coral: #be3f38;
  --data-ground: #061014;
  --text-strong: #132420;
  --text: #33453f;
  --text-muted: #5e716b;
  --color-slate-50: oklch(98.4% 0.003 247.858);
  --color-slate-100: oklch(96.8% 0.007 247.896);
  --color-slate-200: oklch(92.9% 0.013 255.508);
  --color-slate-300: oklch(86.9% 0.022 252.894);
  --color-slate-400: oklch(70.4% 0.04 256.788);
  --color-slate-500: oklch(55.4% 0.046 257.417);
  --color-slate-600: oklch(44.6% 0.043 257.281);
  --color-slate-700: oklch(37.2% 0.044 257.287);
  --color-slate-800: oklch(27.9% 0.041 260.031);
  --color-slate-900: oklch(20.8% 0.042 265.755);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
}

html.dark .sw-embed {
  --surface: #0f1d1a;
  --surface-2: #0a1614;
  --surface-3: #17332c;
  --border-soft: #234238;
  --chrome: #05100d;
  --chrome-2: #0f1d1a;
  --chrome-3: #1a352c;
  --chrome-text: #eaf6f1;
  --chrome-muted: #93b8ab;
  --accent: var(--brand-green-600);
  --accent-ring: rgba(var(--brand-green-600-rgb), 0.45);
  --fill-pos: #15803d;
  --fill-neg: #b91c1c;
  --fill-warn: #92400e;
  --fill-design: #7c3aed;
  --state-pos-surface: #07251a;
  --state-pos-border: #0f4030;
  --state-neg-surface: #2a0f12;
  --state-neg-border: #4a161b;
  --state-warn-surface: #2a1d05;
  --state-warn-border: #4a3408;
  --state-design-surface: #1f1033;
  --state-design-border: #3d1e63;
  --color-green-50: var(--state-pos-surface);
  --color-green-100: var(--state-pos-surface);
  --color-green-900: var(--state-pos-surface);
  --color-green-950: var(--state-pos-surface);
  --color-green-200: var(--state-pos-border);
  --color-green-300: var(--ink-pos);
  --color-green-700: var(--ink-pos);
  --color-green-800: var(--ink-pos);
  --color-green-400: var(--fill-pos);
  --color-green-500: var(--fill-pos);
  --color-green-600: var(--fill-pos);
  --color-emerald-50: var(--state-pos-surface);
  --color-emerald-100: var(--state-pos-surface);
  --color-emerald-900: var(--state-pos-surface);
  --color-emerald-950: var(--state-pos-surface);
  --color-emerald-200: var(--state-pos-border);
  --color-emerald-300: var(--ink-pos);
  --color-emerald-700: var(--ink-pos);
  --color-emerald-800: var(--ink-pos);
  --color-emerald-400: var(--fill-pos);
  --color-emerald-500: var(--fill-pos);
  --color-emerald-600: var(--fill-pos);
  --color-red-50: var(--state-neg-surface);
  --color-red-100: var(--state-neg-surface);
  --color-red-900: var(--state-neg-surface);
  --color-red-950: var(--state-neg-surface);
  --color-red-200: var(--state-neg-border);
  --color-red-300: var(--ink-neg);
  --color-red-700: var(--ink-neg);
  --color-red-800: var(--ink-neg);
  --color-red-400: var(--fill-neg);
  --color-red-500: var(--fill-neg);
  --color-red-600: var(--fill-neg);
  --color-rose-50: var(--state-neg-surface);
  --color-rose-100: var(--state-neg-surface);
  --color-rose-900: var(--state-neg-surface);
  --color-rose-950: var(--state-neg-surface);
  --color-rose-200: var(--state-neg-border);
  --color-rose-300: var(--ink-neg);
  --color-rose-700: var(--ink-neg);
  --color-rose-800: var(--ink-neg);
  --color-rose-400: var(--fill-neg);
  --color-rose-500: var(--fill-neg);
  --color-rose-600: var(--fill-neg);
  --color-amber-50: var(--state-warn-surface);
  --color-amber-100: var(--state-warn-surface);
  --color-amber-900: var(--state-warn-surface);
  --color-amber-950: var(--state-warn-surface);
  --color-amber-200: var(--state-warn-border);
  --color-amber-300: var(--ink-warn);
  --color-amber-700: var(--ink-warn);
  --color-amber-800: var(--ink-warn);
  --color-amber-400: var(--fill-warn);
  --color-amber-500: var(--fill-warn);
  --color-amber-600: var(--fill-warn);
  --color-orange-50: var(--state-warn-surface);
  --color-orange-100: var(--state-warn-surface);
  --color-orange-900: var(--state-warn-surface);
  --color-orange-950: var(--state-warn-surface);
  --color-orange-200: var(--state-warn-border);
  --color-orange-300: var(--ink-warn);
  --color-orange-700: var(--ink-warn);
  --color-orange-800: var(--ink-warn);
  --color-orange-400: var(--fill-warn);
  --color-orange-500: var(--fill-warn);
  --color-orange-600: var(--fill-warn);
  --color-purple-50: var(--state-design-surface);
  --color-purple-100: var(--state-design-surface);
  --color-purple-900: var(--state-design-surface);
  --color-purple-950: var(--state-design-surface);
  --color-purple-200: var(--state-design-border);
  --color-purple-300: var(--ink-design);
  --color-purple-700: var(--ink-design);
  --color-purple-800: var(--ink-design);
  --color-purple-400: var(--fill-design);
  --color-purple-500: var(--fill-design);
  --color-purple-600: var(--fill-design);
  --color-violet-50: var(--state-design-surface);
  --color-violet-100: var(--state-design-surface);
  --color-violet-900: var(--state-design-surface);
  --color-violet-950: var(--state-design-surface);
  --color-violet-200: var(--state-design-border);
  --color-violet-300: var(--ink-design);
  --color-violet-700: var(--ink-design);
  --color-violet-800: var(--ink-design);
  --color-violet-400: var(--fill-design);
  --color-violet-500: var(--fill-design);
  --color-violet-600: var(--fill-design);
  --ink-accent: var(--brand-green-300);
  --ink-pos: #4ade80;
  --ink-neg: #f87171;
  --ink-warn: #fb923c;
  --ink-design: #c4b5fd;
  --data-cyan: #42b9d4;
  --data-amber: #f5d45c;
  --data-coral: #ff8a80;
  --data-ground: #061014;
  --text-strong: #eef6f2;
  --text: #d7e6e0;
  --text-muted: #8fada3;
  --brand-green-tint-1: #06241f;
  --brand-green-tint-2: #0a3330;
  --brand-green-tint-3: #10403a;
  --brand-green-tint-4: #17554c;
  --brand-green-700: #5eead4;
  --brand-green-800: #99f6e4;
  --brand-green-ink: #a7f3d0;
  --color-slate-50: #0a1512;
  --color-slate-100: #10201c;
  --color-slate-200: #1b2f29;
  --color-slate-300: #3d5951;
  --color-slate-400: #8fada3;
  --color-slate-500: #a3c0b5;
  --color-slate-600: #bcd3ca;
  --color-slate-700: #d7e6e0;
  --color-slate-800: #eef6f2;
  --color-slate-900: #f8fbfa;
  --color-gray-50: #0a1512;
  --color-gray-100: #10201c;
  --color-gray-200: #1b2f29;
  --color-gray-800: #eef6f2;
  --color-gray-900: #f8fbfa;
}

.sw-embed .data-ground {
  --surface: #0f1d1a;
  --surface-2: #0a1614;
  --surface-3: #17332c;
  --border-soft: #234238;
  --chrome: #05100d;
  --chrome-2: #0f1d1a;
  --chrome-3: #1a352c;
  --chrome-text: #eaf6f1;
  --chrome-muted: #93b8ab;
  --accent: var(--brand-green-600);
  --accent-ring: rgba(var(--brand-green-600-rgb), 0.45);
  --fill-pos: #15803d;
  --fill-neg: #b91c1c;
  --fill-warn: #92400e;
  --fill-design: #7c3aed;
  --state-pos-surface: #07251a;
  --state-pos-border: #0f4030;
  --state-neg-surface: #2a0f12;
  --state-neg-border: #4a161b;
  --state-warn-surface: #2a1d05;
  --state-warn-border: #4a3408;
  --state-design-surface: #1f1033;
  --state-design-border: #3d1e63;
  --color-green-50: var(--state-pos-surface);
  --color-green-100: var(--state-pos-surface);
  --color-green-900: var(--state-pos-surface);
  --color-green-950: var(--state-pos-surface);
  --color-green-200: var(--state-pos-border);
  --color-green-300: var(--ink-pos);
  --color-green-700: var(--ink-pos);
  --color-green-800: var(--ink-pos);
  --color-green-400: var(--fill-pos);
  --color-green-500: var(--fill-pos);
  --color-green-600: var(--fill-pos);
  --color-emerald-50: var(--state-pos-surface);
  --color-emerald-100: var(--state-pos-surface);
  --color-emerald-900: var(--state-pos-surface);
  --color-emerald-950: var(--state-pos-surface);
  --color-emerald-200: var(--state-pos-border);
  --color-emerald-300: var(--ink-pos);
  --color-emerald-700: var(--ink-pos);
  --color-emerald-800: var(--ink-pos);
  --color-emerald-400: var(--fill-pos);
  --color-emerald-500: var(--fill-pos);
  --color-emerald-600: var(--fill-pos);
  --color-red-50: var(--state-neg-surface);
  --color-red-100: var(--state-neg-surface);
  --color-red-900: var(--state-neg-surface);
  --color-red-950: var(--state-neg-surface);
  --color-red-200: var(--state-neg-border);
  --color-red-300: var(--ink-neg);
  --color-red-700: var(--ink-neg);
  --color-red-800: var(--ink-neg);
  --color-red-400: var(--fill-neg);
  --color-red-500: var(--fill-neg);
  --color-red-600: var(--fill-neg);
  --color-rose-50: var(--state-neg-surface);
  --color-rose-100: var(--state-neg-surface);
  --color-rose-900: var(--state-neg-surface);
  --color-rose-950: var(--state-neg-surface);
  --color-rose-200: var(--state-neg-border);
  --color-rose-300: var(--ink-neg);
  --color-rose-700: var(--ink-neg);
  --color-rose-800: var(--ink-neg);
  --color-rose-400: var(--fill-neg);
  --color-rose-500: var(--fill-neg);
  --color-rose-600: var(--fill-neg);
  --color-amber-50: var(--state-warn-surface);
  --color-amber-100: var(--state-warn-surface);
  --color-amber-900: var(--state-warn-surface);
  --color-amber-950: var(--state-warn-surface);
  --color-amber-200: var(--state-warn-border);
  --color-amber-300: var(--ink-warn);
  --color-amber-700: var(--ink-warn);
  --color-amber-800: var(--ink-warn);
  --color-amber-400: var(--fill-warn);
  --color-amber-500: var(--fill-warn);
  --color-amber-600: var(--fill-warn);
  --color-orange-50: var(--state-warn-surface);
  --color-orange-100: var(--state-warn-surface);
  --color-orange-900: var(--state-warn-surface);
  --color-orange-950: var(--state-warn-surface);
  --color-orange-200: var(--state-warn-border);
  --color-orange-300: var(--ink-warn);
  --color-orange-700: var(--ink-warn);
  --color-orange-800: var(--ink-warn);
  --color-orange-400: var(--fill-warn);
  --color-orange-500: var(--fill-warn);
  --color-orange-600: var(--fill-warn);
  --color-purple-50: var(--state-design-surface);
  --color-purple-100: var(--state-design-surface);
  --color-purple-900: var(--state-design-surface);
  --color-purple-950: var(--state-design-surface);
  --color-purple-200: var(--state-design-border);
  --color-purple-300: var(--ink-design);
  --color-purple-700: var(--ink-design);
  --color-purple-800: var(--ink-design);
  --color-purple-400: var(--fill-design);
  --color-purple-500: var(--fill-design);
  --color-purple-600: var(--fill-design);
  --color-violet-50: var(--state-design-surface);
  --color-violet-100: var(--state-design-surface);
  --color-violet-900: var(--state-design-surface);
  --color-violet-950: var(--state-design-surface);
  --color-violet-200: var(--state-design-border);
  --color-violet-300: var(--ink-design);
  --color-violet-700: var(--ink-design);
  --color-violet-800: var(--ink-design);
  --color-violet-400: var(--fill-design);
  --color-violet-500: var(--fill-design);
  --color-violet-600: var(--fill-design);
  --ink-accent: var(--brand-green-300);
  --ink-pos: #4ade80;
  --ink-neg: #f87171;
  --ink-warn: #fb923c;
  --ink-design: #c4b5fd;
  --data-cyan: #42b9d4;
  --data-amber: #f5d45c;
  --data-coral: #ff8a80;
  --data-ground: #061014;
  --text-strong: #eef6f2;
  --text: #d7e6e0;
  --text-muted: #8fada3;
  --brand-green-tint-1: #06241f;
  --brand-green-tint-2: #0a3330;
  --brand-green-tint-3: #10403a;
  --brand-green-tint-4: #17554c;
  --brand-green-700: #5eead4;
  --brand-green-800: #99f6e4;
  --brand-green-ink: #a7f3d0;
  --color-slate-50: #0a1512;
  --color-slate-100: #10201c;
  --color-slate-200: #1b2f29;
  --color-slate-300: #3d5951;
  --color-slate-400: #8fada3;
  --color-slate-500: #a3c0b5;
  --color-slate-600: #bcd3ca;
  --color-slate-700: #d7e6e0;
  --color-slate-800: #eef6f2;
  --color-slate-900: #f8fbfa;
  --color-gray-50: #0a1512;
  --color-gray-100: #10201c;
  --color-gray-200: #1b2f29;
  --color-gray-800: #eef6f2;
  --color-gray-900: #f8fbfa;
}