/* ===========================================================================
   WynxxMind — COLOUR TOKENS (plan #P17). The ONE file that holds colour values.
   ---------------------------------------------------------------------------
   Follows the Wynxx Design System, Colours page (release/3.2.1, b9330df,
   2026-06-29): its names and values verbatim. Anything the DS does not define
   is a documented portal EXTENSION in the same convention (Tailwind v4 oklch).

   Three layers — components use layers 2 and 3 only, never layer 1:
     1. PALETTE   raw steps, theme-INDEPENDENT, never referenced by components.
     2. SEMANTIC  DS role names; light below, dark in the blocks at the end.
     3. DATA-VIZ  chart / chip / provider tokens, built from layer 1.
   Dark mode only RE-POINTS layers 2-3 at other palette steps.

   Load order: tokens.css BEFORE style.css (cli/web/shell.py, admin.py, app.py).
   =========================================================================== */

:root {
  /* ======================= Layer 1 — palette ======================= */

  /* Neutral — the DS ladder (shadcn neutral base). */
  --neutral-0:   oklch(100% 0 0);
  --neutral-50:  oklch(98.5% 0 0);
  --neutral-100: oklch(97% 0 0);
  --neutral-200: oklch(92.2% 0 0);
  --neutral-300: oklch(87% 0 0);
  --neutral-400: oklch(70.8% 0 0);
  --neutral-500: oklch(55.6% 0 0);
  --neutral-700: oklch(37.1% 0 0);
  --neutral-800: oklch(26.9% 0 0);
  --neutral-900: oklch(20.5% 0 0);
  --neutral-950: oklch(14.5% 0 0);
  --neutral-hl:  #e8e8e8;          /* portal: light --secondary, one step under --card (deviation) */

  /* Brand — GFT indigo + the DS chart ramp. */
  --brand-300:  #A5B4FC;
  --brand-mark: #8A9CFA;
  --brand-600:  #2F47E6;
  --brand-700:  #1E3AC9;
  --brand-800:  #1D38A3;
  --brand-900:  #1E3A82;
  --brand-950:  #1E3A6B;
  --brand-text-dark: #5b8bf0;      /* portal: link/active TEXT on dark (DS #1E3AC9 is 2.1:1 on the card) */

  /* Chromatic — Tailwind v4 values verbatim (the source of the DS status colours). */
  --red-400: oklch(70.4% 0.191 22.216);     --red-600: oklch(57.7% 0.245 27.325);     --red-800: oklch(44.4% 0.177 26.899);
  --orange-400: oklch(75% 0.183 55.934);    --orange-600: oklch(64.6% 0.222 41.116);  --orange-800: oklch(47% 0.157 37.304);
  --amber-400: oklch(82.8% 0.189 84.429);   --amber-600: oklch(66.6% 0.179 58.318);   --amber-800: oklch(47.3% 0.137 46.201);
  --yellow-400: oklch(85.2% 0.199 91.936);  --yellow-500: oklch(79.5% 0.184 86.047);  --yellow-600: oklch(68.1% 0.162 75.834);  --yellow-800: oklch(47.6% 0.114 61.907);
  --lime-400: oklch(84.1% 0.238 128.85);    --lime-600: oklch(64.8% 0.2 131.684);     --lime-800: oklch(45.3% 0.124 130.933);
  --green-400: oklch(79.2% 0.209 151.711);  --green-500: oklch(72.3% 0.219 149.579);  --green-600: oklch(62.7% 0.194 149.214);  --green-800: oklch(44.8% 0.119 151.328);
  --emerald-400: oklch(76.5% 0.177 163.223);--emerald-600: oklch(59.6% 0.145 163.225);--emerald-800: oklch(43.2% 0.095 166.913);
  --teal-400: oklch(77.7% 0.152 181.912);   --teal-600: oklch(60% 0.118 184.704);     --teal-800: oklch(43.7% 0.078 188.216);
  --cyan-400: oklch(78.9% 0.154 211.53);    --cyan-600: oklch(60.9% 0.126 221.723);   --cyan-800: oklch(45% 0.085 224.283);
  --sky-400: oklch(74.6% 0.16 232.661);     --sky-600: oklch(58.8% 0.158 241.966);    --sky-800: oklch(44.3% 0.11 240.79);
  --blue-400: oklch(70.7% 0.165 254.624);   --blue-600: oklch(54.6% 0.245 262.881);   --blue-800: oklch(42.4% 0.199 265.638);
  --violet-400: oklch(70.2% 0.183 293.541); --violet-600: oklch(54.1% 0.281 293.009); --violet-800: oklch(43.2% 0.232 292.759);
  --purple-400: oklch(71.4% 0.203 305.504); --purple-600: oklch(55.8% 0.288 302.321); --purple-800: oklch(43.8% 0.218 303.724);
  --fuchsia-400: oklch(74% 0.238 322.16);   --fuchsia-600: oklch(59.1% 0.293 322.896);--fuchsia-800: oklch(45.2% 0.211 324.591);
  --pink-400: oklch(71.8% 0.202 349.761);   --pink-600: oklch(59.2% 0.249 0.584);     --pink-800: oklch(45.9% 0.187 3.815);
  --rose-400: oklch(71.2% 0.194 13.428);    --rose-600: oklch(58.6% 0.253 17.585);    --rose-800: oklch(45.5% 0.188 13.697);
  --slate-400: oklch(70.4% 0.04 256.788);   --slate-600: oklch(44.6% 0.043 257.281);  --slate-800: oklch(27.9% 0.041 260.031);

  /* Categorical — the memory 3D graph's palette (cli/web/static/mem-graph3d.js), adopted as THE
     system categorical set. Exact values, one step for both themes. */
  --cat-blue: #5b8bf0;  --cat-green: #22c55e; --cat-violet: #8b5cf6; --cat-amber: #f59e0b; --cat-pink: #ec4899;
  --cat-yellow: #eab308; --cat-red: #ef4444;  --cat-cyan: #06b6d4;   --cat-orange: #f97316; --cat-teal: #14b8a6;

  /* ======================= Layer 2 — semantic (light) ======================= */
  --background:         var(--neutral-0);
  --foreground:         var(--neutral-950);
  --card:               var(--neutral-100);   /* deviation: gray cards on the white canvas */
  --muted-surface:      var(--neutral-100);   /* DS `--muted` (a SURFACE) — renamed: the portal's `--muted` is the DS muted-foreground (311 uses) */
  --muted-foreground:   var(--neutral-500);
  --border:             var(--neutral-200);
  --primary:            var(--brand-600);
  --ring:               var(--brand-600);
  --primary-foreground: #F9FAFB;
  --link:               var(--brand-600);
  --success:            var(--green-600);
  --warning:            var(--yellow-600);
  --destructive:        var(--red-600);
  --info:               var(--brand-600);
  /* Coloured TEXT on its own 14% tint: 800 light / 400 dark — 5.1:1 or better for every hue. */
  --success-text:       var(--green-800);
  --warning-text:       var(--yellow-800);
  --destructive-text:   var(--red-800);
  --info-text:          var(--brand-700);
  --success-soft:       color-mix(in srgb, var(--success) 12%, transparent);
  --warning-soft:       color-mix(in srgb, var(--warning) 12%, transparent);
  --destructive-soft:   color-mix(in srgb, var(--destructive) 12%, transparent);
  --info-soft:          color-mix(in srgb, var(--info) 12%, transparent);

  /* ======================= Layer 3 — data-viz (light) ======================= */
  /* DS sequential ramp — MAGNITUDE only (adjacent steps are too close to tell categories apart). */
  --chart-1: var(--brand-600);
  --chart-2: var(--brand-700);
  --chart-3: var(--brand-800);
  --chart-4: var(--brand-900);
  --chart-5: var(--brand-950);
  /* Categorical (portal extension) — used by EVERY "by <x>" split (owner, model, user) and the memory
     graph, handed out by rank. The memory-graph palette, REORDERED so no two neighbours clash.
     Fixed order, never cycled; 11th+ folds into --chart-other. Validated adjacent pairs on #0a0a0a,
     #171717 and #f5f5f5: CVD worst dE 16.3, normal-vision pass. Same values in both themes (light:
     amber/yellow sit under 3:1 on the card, legal because every mark carries a label/tooltip). */
  --chart-cat-1:  var(--cat-blue);
  --chart-cat-2:  var(--cat-green);
  --chart-cat-3:  var(--cat-violet);
  --chart-cat-4:  var(--cat-amber);
  --chart-cat-5:  var(--cat-pink);
  --chart-cat-6:  var(--cat-yellow);
  --chart-cat-7:  var(--cat-red);
  --chart-cat-8:  var(--cat-cyan);
  --chart-cat-9:  var(--cat-orange);
  --chart-cat-10: var(--cat-teal);
  --chart-other:  var(--muted-foreground);
  /* Memory TIERS (#Q294) — ONE fixed hue per memory tier, on every memory page (Memory, Stats, org
     board): conversation · code · documents · knowledge base. Taken from the categorical set
     (slots 1/2/4/5: worst CVD dE 21.4 across ALL pairs). A tier never borrows another hue; its
     SUB-CATEGORIES (episodes vs facts, one code language vs another, KB push buckets) are SHADES of
     it in a fixed order: -1 the full hue, -2 / -3 faded toward the card. The shades mix with
     `--card`, so the dark blocks re-declare them (same expressions) to resolve against dark. */
  --tier-conv: var(--cat-blue);
  --tier-code: var(--cat-green);
  --tier-docs: var(--cat-amber);
  --tier-kb:   var(--cat-pink);
  --tier-conv-1: var(--tier-conv); --tier-conv-2: color-mix(in srgb, var(--tier-conv) 66%, var(--card)); --tier-conv-3: color-mix(in srgb, var(--tier-conv) 38%, var(--card));
  --tier-code-1: var(--tier-code); --tier-code-2: color-mix(in srgb, var(--tier-code) 66%, var(--card)); --tier-code-3: color-mix(in srgb, var(--tier-code) 38%, var(--card));
  --tier-docs-1: var(--tier-docs); --tier-docs-2: color-mix(in srgb, var(--tier-docs) 66%, var(--card)); --tier-docs-3: color-mix(in srgb, var(--tier-docs) 38%, var(--card));
  --tier-kb-1:   var(--tier-kb);   --tier-kb-2:   color-mix(in srgb, var(--tier-kb) 66%, var(--card));   --tier-kb-3:   color-mix(in srgb, var(--tier-kb) 38%, var(--card));
  /* Providers — third-party brand constants, theme-independent, outside the system. */
  --prov-claude:  #d97757;
  --prov-gemini:  #4285f4;
  --prov-codex:   #10a37f;
  --prov-droid:   #4a3aa7;
  --prov-copilot: #6e40c0;
  --prov-cursor:  #b4b4b4;
  /* The shipped icon (static/providers/antigravity.svg) is a monochrome currentColor mask and
     the brand mark is a multi-hue gradient, so this is a chosen hue free of the other six. */
  --prov-antigravity: #d0458f;
  /* Chips (type tags) — the text-on-tint rule: 800 light / 400 dark. */
  --chip-red: var(--red-800);         --chip-orange: var(--orange-800);   --chip-amber: var(--amber-800);
  --chip-yellow: var(--yellow-800);   --chip-lime: var(--lime-800);       --chip-green: var(--green-800);
  --chip-emerald: var(--emerald-800); --chip-teal: var(--teal-800);       --chip-cyan: var(--cyan-800);
  --chip-sky: var(--sky-800);         --chip-blue: var(--blue-800);       --chip-violet: var(--violet-800);
  --chip-purple: var(--purple-800);   --chip-fuchsia: var(--fuchsia-800); --chip-pink: var(--pink-800);
  --chip-rose: var(--rose-800);       --chip-slate: var(--slate-600);
  /* The ORGANIZATION colour (#P22): an org item's folder in a project's inventory tree — orange
     (user choice), on its own token so it can change without touching any status hue
     (600 light / 400 dark). */
  --org-fg: var(--orange-600);
  /* Usage cards NOT split by the chart: neutral, so only the chart's dimension carries colour. */
  --chart-unfocused:     color-mix(in srgb, var(--muted-foreground) 55%, transparent);
  --chart-unfocused-sel: color-mix(in srgb, var(--foreground) 70%, var(--muted-foreground));

  /* ======================= Legacy names (migration) =======================
     The portal's established names, kept so no selector breaks. Names with a semantic
     equivalent ALIAS it; the rest still carry their value here until a later #P17 step
     retires them (-rgb channels: step 5; --sw-*: step 4; --chart-series-*: step 7). */
  --bg: var(--background);           --panel: var(--card);            --text: var(--foreground);
  --muted: var(--muted-foreground);  --accent: var(--link);           --accent2: var(--warning);
  --green: var(--success);           --red: var(--destructive);       --on-accent: var(--primary-foreground);
  --purple: var(--link);             --cyan: var(--link);             --header-bg: var(--background);
  --tick-warn: var(--warning-text);  --tick-error: var(--destructive);
  --input: var(--neutral-200);       --divider: var(--border);
  --hairline: color-mix(in srgb, var(--border) 40%, transparent);
  --secondary: var(--neutral-hl);    --sidebar-accent: var(--neutral-hl);   --sidebar-fg: #3f3f46;
  --primary-hover: var(--brand-700); --code-bg: var(--card);        --code-string: #b45309;
  --brand-gradient: linear-gradient(90deg, var(--brand-600) 0%, var(--brand-700) 100%);
  --brand-server-color: #000;        --logo-color: #000000;
  --surface-1: rgba(47,71,230,0.02); --surface-2: rgba(47,71,230,0.04);
  --surface-3: rgba(47,71,230,0.06); --surface-4: rgba(47,71,230,0.10);
  --overlay: rgba(0,0,0,0.40);       --code-overlay: rgba(47,71,230,0.06);
  --shadow-modal: 0 8px 32px rgba(0,0,0,0.12);  --shadow-sm: 0 1px 3px rgba(10,10,10,0.08);
  --shadow-header: 0 1px 3px rgba(0,0,0,0.06);  --shadow-pop: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.10), 0 2px 4px -2px rgba(0,0,0,0.10);
  --dg-cli-bg: #ffffff;  --dg-cli-stroke: #c7d2fe;  --dg-cli-label: #2f47e6;
  --dg-wrap-bg: #fffaf2; --dg-wrap-stroke: #f0d4a8; --dg-wrap-label: #b45309;
  --prov-claude-color: var(--prov-claude); --prov-gemini-color: var(--prov-gemini); --prov-codex-color: var(--prov-codex);
  --prov-droid-pill-bg: #4d4947;     --prov-droid-color: #ffffff;
  --prov-copilot-color: var(--prov-copilot); --prov-antigravity-color: var(--prov-antigravity);
  /* Cursor's brand grey (#b4b4b4) is ~2:1 on the light card: a dark grey here, the brand grey in dark. */
  --prov-cursor-color: var(--neutral-700);
  --prov-claude-rgb: 217,119,87; --prov-gemini-rgb: 66,133,244; --prov-codex-rgb: 16,163,127; --prov-droid-rgb: 255,255,255;
  --accent-rgb: 47,71,230; --accent2-rgb: 202,138,4; --green-rgb: 22,163,74; --red-rgb: 220,38,38; --muted-rgb: 115,115,115;
  --purple-rgb: 147,51,234; --cyan-rgb: 8,145,178; --neutral-rgb: 161,161,170; --sw-yellow-rgb: 183,121,31; --sw-orange-rgb: 217,119,6;
  --chart-series-1: #d97757; --chart-series-2: #4285f4; --chart-series-3: #10a37f; --chart-series-4: #4a3aa7;
  --chart-series-5: #c2185b; --chart-series-6: #827717; --chart-series-7: #ba68c8; --chart-series-other: var(--chart-other);
  --sw-red: #d0524f; --sw-orange: #d97706; --sw-amber: #d29a1f; --sw-yellow: #b7791f; --sw-lime: #84a637; --sw-green: #4f9d63;
  --sw-emerald: #2f9e83; --sw-teal: #2b9e94; --sw-cyan: #2e93a8; --sw-sky: #3b8cc4; --sw-blue: #4a7fd0; --sw-indigo: #6168c4;
  --sw-violet: #7c5fc4; --sw-purple: #9558c0; --sw-fuchsia: #b558ba; --sw-pink: #c45a86; --sw-rose: #c45a68; --sw-slate: #64748b;
}

/* ======================= Dark — layers 2-3 re-pointed =======================
   Two selector groups, ONE set of values: explicit opt-in (data-theme / .theme-dark) and the OS
   preference. CSS cannot share a declaration block between a plain rule and a @media rule, so the
   block is written twice; tests/cli/test_tokens.py asserts the two are IDENTICAL. */
:root[data-theme="dark"],
.theme-dark {
  --background: var(--neutral-950); --foreground: var(--neutral-50); --card: var(--neutral-900);
  --muted-surface: var(--neutral-800); --muted-foreground: var(--neutral-400); --border: oklch(100% 0 0 / .1);
  --primary: var(--brand-700); --ring: var(--brand-700); --link: var(--brand-text-dark);
  --success: var(--green-500); --warning: var(--yellow-500); --destructive: var(--red-400); --info: var(--brand-600);
  --success-text: var(--green-400); --warning-text: var(--yellow-400); --destructive-text: var(--red-400); --info-text: var(--brand-text-dark);
  --chip-red: var(--red-400); --chip-orange: var(--orange-400); --chip-amber: var(--amber-400); --chip-yellow: var(--yellow-400);
  --chip-lime: var(--lime-400); --chip-green: var(--green-400); --chip-emerald: var(--emerald-400); --chip-teal: var(--teal-400);
  --chip-cyan: var(--cyan-400); --chip-sky: var(--sky-400); --chip-blue: var(--blue-400); --chip-violet: var(--violet-400);
  --chip-purple: var(--purple-400); --chip-fuchsia: var(--fuchsia-400); --chip-pink: var(--pink-400); --chip-rose: var(--rose-400);
  --chip-slate: var(--slate-400);
  --org-fg: var(--orange-400);
  --tier-conv-2: color-mix(in srgb, var(--tier-conv) 66%, var(--card)); --tier-conv-3: color-mix(in srgb, var(--tier-conv) 38%, var(--card));
  --tier-code-2: color-mix(in srgb, var(--tier-code) 66%, var(--card)); --tier-code-3: color-mix(in srgb, var(--tier-code) 38%, var(--card));
  --tier-docs-2: color-mix(in srgb, var(--tier-docs) 66%, var(--card)); --tier-docs-3: color-mix(in srgb, var(--tier-docs) 38%, var(--card));
  --tier-kb-2: color-mix(in srgb, var(--tier-kb) 66%, var(--card)); --tier-kb-3: color-mix(in srgb, var(--tier-kb) 38%, var(--card));
  color-scheme: dark;
  --input: rgba(255,255,255,0.15); --secondary: var(--neutral-800); --sidebar-accent: var(--neutral-800); --sidebar-fg: #fafafa;
  --primary-hover: var(--brand-800); --code-string: #fbbf24;
  --brand-gradient: linear-gradient(90deg, #6172e8 0%, #2f47e6 100%); --brand-server-color: #fff; --logo-color: #ffffff;
  --surface-1: rgba(255,255,255,0.02); --surface-2: rgba(255,255,255,0.03); --surface-3: rgba(255,255,255,0.05); --surface-4: rgba(255,255,255,0.08);
  --overlay: rgba(0,0,0,0.62); --code-overlay: rgba(0,0,0,0.30);
  --shadow-modal: 0 8px 32px rgba(0,0,0,0.55); --shadow-sm: 0 1px 3px rgba(0,0,0,0.50); --shadow-header: 0 1px 3px rgba(0,0,0,0.50);
  --shadow-pop: 0 8px 24px rgba(0,0,0,0.45); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.50), 0 2px 4px -2px rgba(0,0,0,0.50);
  --dg-cli-bg: #12172a; --dg-cli-stroke: #3b4a86; --dg-cli-label: #a5b4fc; --dg-wrap-bg: #1f1a0e; --dg-wrap-stroke: #5c4a1e; --dg-wrap-label: #e2b877;
  --accent-rgb: 91,139,240; --accent2-rgb: 234,179,8; --green-rgb: 34,197,94; --red-rgb: 255,100,103; --muted-rgb: 161,161,161;
  --purple-rgb: 192,132,252; --cyan-rgb: 34,211,238; --neutral-rgb: 161,161,161; --sw-yellow-rgb: 227,196,94; --sw-orange-rgb: 224,154,94;
  --chart-series-1: #cf6d4b; --chart-series-2: #3987e5; --chart-series-3: #1baf7a; --chart-series-4: #9085e9;
  --chart-series-5: #c2185b; --chart-series-6: #827717; --chart-series-7: #9c27b0;
  --sw-red: #e08583; --sw-orange: #e09a5e; --sw-amber: #e0b15a; --sw-yellow: #e3c45e; --sw-lime: #b3cf73; --sw-green: #7fc88a;
  --sw-emerald: #6cc4a3; --sw-teal: #5fc0b6; --sw-cyan: #6bbccb; --sw-sky: #6fb0d6; --sw-blue: #7aa6e0; --sw-indigo: #8b94d8;
  --sw-violet: #a394d8; --sw-purple: #b18fd0; --sw-fuchsia: #cf8fd0; --sw-pink: #db8fb0; --sw-rose: #db8f99; --sw-slate: #94a3b8;
  --prov-cursor-color: var(--prov-cursor);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
  --background: var(--neutral-950); --foreground: var(--neutral-50); --card: var(--neutral-900);
  --muted-surface: var(--neutral-800); --muted-foreground: var(--neutral-400); --border: oklch(100% 0 0 / .1);
  --primary: var(--brand-700); --ring: var(--brand-700); --link: var(--brand-text-dark);
  --success: var(--green-500); --warning: var(--yellow-500); --destructive: var(--red-400); --info: var(--brand-600);
  --success-text: var(--green-400); --warning-text: var(--yellow-400); --destructive-text: var(--red-400); --info-text: var(--brand-text-dark);
  --chip-red: var(--red-400); --chip-orange: var(--orange-400); --chip-amber: var(--amber-400); --chip-yellow: var(--yellow-400);
  --chip-lime: var(--lime-400); --chip-green: var(--green-400); --chip-emerald: var(--emerald-400); --chip-teal: var(--teal-400);
  --chip-cyan: var(--cyan-400); --chip-sky: var(--sky-400); --chip-blue: var(--blue-400); --chip-violet: var(--violet-400);
  --chip-purple: var(--purple-400); --chip-fuchsia: var(--fuchsia-400); --chip-pink: var(--pink-400); --chip-rose: var(--rose-400);
  --chip-slate: var(--slate-400);
  --org-fg: var(--orange-400);
  --tier-conv-2: color-mix(in srgb, var(--tier-conv) 66%, var(--card)); --tier-conv-3: color-mix(in srgb, var(--tier-conv) 38%, var(--card));
  --tier-code-2: color-mix(in srgb, var(--tier-code) 66%, var(--card)); --tier-code-3: color-mix(in srgb, var(--tier-code) 38%, var(--card));
  --tier-docs-2: color-mix(in srgb, var(--tier-docs) 66%, var(--card)); --tier-docs-3: color-mix(in srgb, var(--tier-docs) 38%, var(--card));
  --tier-kb-2: color-mix(in srgb, var(--tier-kb) 66%, var(--card)); --tier-kb-3: color-mix(in srgb, var(--tier-kb) 38%, var(--card));
  color-scheme: dark;
  --input: rgba(255,255,255,0.15); --secondary: var(--neutral-800); --sidebar-accent: var(--neutral-800); --sidebar-fg: #fafafa;
  --primary-hover: var(--brand-800); --code-string: #fbbf24;
  --brand-gradient: linear-gradient(90deg, #6172e8 0%, #2f47e6 100%); --brand-server-color: #fff; --logo-color: #ffffff;
  --surface-1: rgba(255,255,255,0.02); --surface-2: rgba(255,255,255,0.03); --surface-3: rgba(255,255,255,0.05); --surface-4: rgba(255,255,255,0.08);
  --overlay: rgba(0,0,0,0.62); --code-overlay: rgba(0,0,0,0.30);
  --shadow-modal: 0 8px 32px rgba(0,0,0,0.55); --shadow-sm: 0 1px 3px rgba(0,0,0,0.50); --shadow-header: 0 1px 3px rgba(0,0,0,0.50);
  --shadow-pop: 0 8px 24px rgba(0,0,0,0.45); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.50), 0 2px 4px -2px rgba(0,0,0,0.50);
  --dg-cli-bg: #12172a; --dg-cli-stroke: #3b4a86; --dg-cli-label: #a5b4fc; --dg-wrap-bg: #1f1a0e; --dg-wrap-stroke: #5c4a1e; --dg-wrap-label: #e2b877;
  --accent-rgb: 91,139,240; --accent2-rgb: 234,179,8; --green-rgb: 34,197,94; --red-rgb: 255,100,103; --muted-rgb: 161,161,161;
  --purple-rgb: 192,132,252; --cyan-rgb: 34,211,238; --neutral-rgb: 161,161,161; --sw-yellow-rgb: 227,196,94; --sw-orange-rgb: 224,154,94;
  --chart-series-1: #cf6d4b; --chart-series-2: #3987e5; --chart-series-3: #1baf7a; --chart-series-4: #9085e9;
  --chart-series-5: #c2185b; --chart-series-6: #827717; --chart-series-7: #9c27b0;
  --sw-red: #e08583; --sw-orange: #e09a5e; --sw-amber: #e0b15a; --sw-yellow: #e3c45e; --sw-lime: #b3cf73; --sw-green: #7fc88a;
  --sw-emerald: #6cc4a3; --sw-teal: #5fc0b6; --sw-cyan: #6bbccb; --sw-sky: #6fb0d6; --sw-blue: #7aa6e0; --sw-indigo: #8b94d8;
  --sw-violet: #a394d8; --sw-purple: #b18fd0; --sw-fuchsia: #cf8fd0; --sw-pink: #db8fb0; --sw-rose: #db8f99; --sw-slate: #94a3b8;
  --prov-cursor-color: var(--prov-cursor);
  }
}