/* =============================================================================
   GentleStep Design System — "Let It Go"  ·  tokens.css  ·  v1.0.0
   Based on landing-concepts/concept-8-let-it-go.html

   Drop-in CSS custom properties. Three layers:
     1. PRIMITIVES  raw brand palette + scales (mode-agnostic)            --gs-gold-500
     2. SEMANTIC    role tokens that flip per mode (what you consume)     --gs-primary, --gs-bg
     3. COMPONENT   a few per-component knobs                             --gs-btn-primary-bg

   Color logic: GOLD is the action color; TEAL/INDIGO are the structural ground.
   Light is default. Dark applies via [data-theme="dark"] on any element OR the
   prefers-color-scheme fallback. Put data-theme="dark" on a section wrapper to
   render a cinematic dark band inside an otherwise-light page.

   Mirror of tokens.json — the same hex/number appears in all three token files.
   ============================================================================= */

@import url("https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&family=Inter:wght@400;500;600;700&family=Sora:wght@600;700&display=swap");

/* -----------------------------------------------------------------------------
   Metric-matched fallback fonts (hand-maintained; OUTSIDE the sync-tokens
   BEGIN/END GENERATED markers, so `node design-system/sync-tokens.mjs --check`
   leaves them untouched). Generated with
   @capsizecss/core createFontStack([<web font>, Arial]).
   They make the system fallback occupy the SAME space as Sora/Inter so the text
   does not resize/re-wrap when the web fonts swap in (display=swap). Wired into
   the stacks via design-system/systems/pust.json → --gs-font-display/-body.
   Must be kept identical in landing.css (index.html loads tokens.css; every
   other marketing page loads landing.css).
   ----------------------------------------------------------------------------- */
@font-face {
  font-family: "Sora Fallback";
  src: local("Arial"), local("ArialMT");
  ascent-override: 85.2913%;
  descent-override: 25.4995%;
  line-gap-override: 0%;
  size-adjust: 113.7279%;
}
@font-face {
  font-family: "Inter Fallback";
  src: local("Arial"), local("ArialMT");
  ascent-override: 90.4365%;
  descent-override: 22.518%;
  line-gap-override: 0%;
  size-adjust: 107.1194%;
}

:root {
  /* ---- 1. PRIMITIVES ------------------------------------------------------ */
  /* BEGIN GENERATED: primitives */
  /* gold (action) */
  --gs-gold-50: #fdf7e9;
  --gs-gold-100: #fbecca;
  --gs-gold-200: #f8dca0;
  --gs-gold-300: #f8cd7c;
  --gs-gold-400: #f6c260;
  --gs-gold-500: #f5b544;
  --gs-gold-600: #d9991f;
  --gs-gold-700: #9a6a14;
  --gs-gold-800: #6b4a0e;
  --gs-gold-900: #3a2906;

  /* navy / teal / indigo (ground) */
  --gs-navy-900: #0c1626; /* ink   */
  --gs-navy-800: #14233b; /* teal  */
  --gs-navy-700: #1b2a4a; /* indigo*/
  --gs-navy-600: #21314a; /* slate text */
  --gs-navy-550: #22355c;
  --gs-navy-500: #2c3f5e;
  --gs-navy-400: #5a6b85;
  --gs-navy-300: #8593a8;
  --gs-navy-200: #b9c2d1;
  --gs-navy-100: #dde3ec;
  --gs-navy-50: #eef1f6;
  --gs-teal: var(--gs-navy-800);
  --gs-indigo: var(--gs-navy-700);
  --gs-ink: var(--gs-navy-900);

  /* cream / paper (light surfaces) */
  --gs-white: #ffffff;
  --gs-paper: #fbf6ec;
  --gs-cream: #fbf4e6;
  --gs-cream-200: #f4ecdc;
  --gs-cream-dim: #e9dfc9;

  /* status primitives */
  --gs-success-solid: #2fb573;
  --gs-warning-solid: #d9920b;
  --gs-danger-solid: #c0492f;
  --gs-info-solid: #2ca1aa;
  /* END GENERATED: primitives */

  /* ---- 2. SEMANTIC — LIGHT (default) ------------------------------------- */
  /* BEGIN GENERATED: semantic-light */
  --gs-bg: var(--gs-paper);
  --gs-bg-subtle: var(--gs-cream-200);
  --gs-surface: var(--gs-white);
  --gs-surface-raised: var(--gs-white);
  --gs-surface-sunken: #f7f1e5;

  --gs-text: var(--gs-navy-600);
  --gs-text-muted: var(--gs-navy-400);
  --gs-text-subtle: #6f7d94; /* darkened from navy-300 → AA-large on paper */

  --gs-border: rgba(33, 49, 74, 0.08);
  --gs-border-strong: rgba(33, 49, 74, 0.12);
  --gs-divider: rgba(33, 49, 74, 0.1);

  --gs-primary: var(--gs-gold-500);
  --gs-primary-hover: var(--gs-gold-400);
  --gs-on-primary: var(--gs-gold-900);
  --gs-primary-soft: var(--gs-gold-300);
  --gs-accent: #8a5e0c; /* AA-body amber for eyebrow/emphasis text on light */

  --gs-link: var(--gs-indigo);
  --gs-link-hover: var(--gs-navy-600);
  --gs-ring: var(--gs-gold-500);
  --gs-scrim: rgba(14, 26, 46, 0.55);

  --gs-success: #157f4c;
  --gs-success-bg: rgba(47, 181, 115, 0.12);
  --gs-warning: #8a5e00;
  --gs-warning-bg: rgba(217, 146, 11, 0.12);
  --gs-danger: #a33620;
  --gs-danger-bg: rgba(192, 73, 47, 0.1);
  --gs-info: #1f7c83;
  --gs-info-bg: rgba(44, 161, 170, 0.12);

  --gs-series-1: #d9991f;
  --gs-series-2: #1f7c83;
  --gs-series-3: #1b2a4a;
  --gs-series-4: #2fb573;

  --gs-chart-1: #d9991f;
  --gs-chart-2: #1f7c83;
  --gs-chart-3: #1b2a4a;
  --gs-chart-4: #2fb573;
  --gs-chart-5: #c0492f;
  --gs-chart-6: #d9920b;
  --gs-chart-7: #5a6b85;
  --gs-chart-8: #9a6a14;
  /* END GENERATED: semantic-light */

  /* ---- TYPOGRAPHY -------------------------------------------------------- */
  /* BEGIN GENERATED: typography */
  --gs-font-display: "Libre Caslon Display", Georgia, "Times New Roman", serif;
  --gs-font-body:
    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* per-role type scale (clamp() for fluid headings) */
  --gs-text-display: clamp(2.6rem, 7.4vw, 5.2rem);
  --gs-text-h1: clamp(2.2rem, 5vw, 3.6rem);
  --gs-text-h2: clamp(2rem, 4.6vw, 3.2rem);
  --gs-text-h3: clamp(1.4rem, 2.6vw, 1.9rem);
  --gs-text-title: 1.15rem;
  --gs-text-body-lg: clamp(1.05rem, 2vw, 1.25rem);
  --gs-text-body: 1rem;
  --gs-text-body-sm: 0.9rem;
  --gs-text-caption: 0.8rem;
  --gs-text-overline: 0.72rem;
  --gs-text-button: 1rem;
  --gs-text-numeric: 2.4rem;

  /* fixed numeric type scale — marketing-page bespoke sizes SNAP to these */
  --gs-text-2xs: 0.72rem;
  --gs-text-xs: 0.8rem;
  --gs-text-sm: 0.85rem;
  --gs-text-base: 0.9rem;
  --gs-text-md: 0.95rem;
  --gs-text-lg: 1rem;
  --gs-text-xl: 1.1rem;
  --gs-text-2xl: 1.15rem;
  --gs-text-3xl: 1.25rem;
  --gs-text-4xl: 1.4rem;
  --gs-text-5xl: 1.5rem;
  --gs-text-6xl: 1.9rem;
  --gs-text-7xl: 2.25rem;
  --gs-text-8xl: 2.4rem;
  --gs-text-9xl: 2.6rem;
  --gs-text-10xl: 3rem;
  --gs-text-11xl: 3.8rem;

  --gs-lh-tight: 1.07;
  --gs-lh-snug: 1.3;
  --gs-lh-body: 1.62;
  --gs-tracking-tight: -0.01em;
  --gs-tracking-overline: 0.26em;
  /* END GENERATED: typography */

  /* ---- SPACE ------------------------------------------------------------- */
  /* BEGIN GENERATED: space */
  --gs-space-0: 0px;
  --gs-space-1: 4px;
  --gs-space-2: 8px;
  --gs-space-3: 12px;
  --gs-space-4: 16px;
  --gs-space-5: 20px;
  --gs-space-6: 24px;
  --gs-space-7: 32px;
  --gs-space-8: 40px;
  --gs-space-9: 48px;
  --gs-space-10: 64px;
  --gs-space-11: 80px;
  --gs-space-12: 96px;
  --gs-gutter: clamp(20px, 5vw, 48px);
  --gs-section: clamp(56px, 9vw, 110px);
  --gs-container: 1180px;
  /* END GENERATED: space */

  /* ---- RADIUS ------------------------------------------------------------ */
  /* BEGIN GENERATED: radius */
  --gs-radius-2xs: 4px;
  --gs-radius-xs: 6px;
  --gs-radius-sm: 10px;
  --gs-radius-md: 14px;
  --gs-radius-lg: 18px;
  --gs-radius-xl: 22px;
  --gs-radius-2xl: 24px;
  --gs-radius-pill: 999px;
  /* END GENERATED: radius */

  /* ---- SHADOW ------------------------------------------------------------ */
  /* BEGIN GENERATED: shadow */
  --gs-shadow-sm: 0 10px 30px -22px rgba(20, 35, 59, 0.5);
  --gs-shadow-md: 0 12px 34px -24px rgba(20, 35, 59, 0.5);
  --gs-shadow-lg: 0 24px 60px -28px rgba(8, 16, 30, 0.65);
  --gs-shadow-xl: 0 30px 70px -30px rgba(0, 0, 0, 0.6);
  --gs-shadow-glow: 0 14px 34px -14px
    color-mix(in srgb, var(--gs-gold-500) 75%, transparent);
  --gs-shadow-glow-hover: 0 20px 44px -14px
    color-mix(in srgb, var(--gs-gold-500) 85%, transparent);
  /* END GENERATED: shadow */

  /* ---- MOTION ------------------------------------------------------------ */
  /* BEGIN GENERATED: motion */
  --gs-dur-fast: 150ms;
  --gs-dur-base: 250ms;
  --gs-dur-slow: 400ms;
  --gs-dur-ambient: 9000ms;
  --gs-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --gs-ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --gs-ease-in-out: ease-in-out;
  /* END GENERATED: motion */

  /* ---- GRADIENTS / EFFECTS ----------------------------------------------- */
  --gs-gradient-primary: linear-gradient(
    135deg,
    var(--gs-gold-500) 0%,
    var(--gs-gold-300) 100%
  );
  --gs-gradient-hero:
    radial-gradient(
      140% 90% at 50% 118%,
      color-mix(in srgb, var(--gs-gold-500) 55%, transparent) 0%,
      color-mix(in srgb, var(--gs-gold-500) 18%, transparent) 26%,
      rgba(27, 42, 74, 0) 55%
    ),
    radial-gradient(
      120% 80% at 50% 130%,
      color-mix(in srgb, var(--gs-gold-300) 42%, transparent) 0%,
      transparent 45%
    ),
    linear-gradient(
      180deg,
      #0e1a2e 0%,
      var(--gs-navy-800) 42%,
      var(--gs-navy-700) 100%
    );
  --gs-gradient-glow: radial-gradient(
    circle,
    color-mix(in srgb, var(--gs-gold-500) 50%, transparent) 0%,
    color-mix(in srgb, var(--gs-gold-500) 12%, transparent) 40%,
    transparent 68%
  );
  --gs-scrim-hero: linear-gradient(
    180deg,
    rgba(14, 26, 46, 0.72) 0%,
    rgba(14, 26, 46, 0.3) 38%,
    rgba(14, 26, 46, 0.55) 78%,
    rgba(14, 26, 46, 0.88) 100%
  );
  --gs-section-glow-tr: radial-gradient(
    120% 120% at 80% -10%,
    color-mix(in srgb, var(--gs-gold-500) 22%, transparent),
    transparent 45%
  );
  --gs-section-glow-tl: radial-gradient(
    120% 120% at 10% 0%,
    color-mix(in srgb, var(--gs-gold-500) 16%, transparent),
    transparent 50%
  );
  --gs-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --gs-grain-opacity: 0.07;
  --gs-blur-sm: 3px;
  --gs-blur-md: 8px;

  /* ---- 3. COMPONENT ------------------------------------------------------ */
  --gs-btn-padding: 0.95rem 1.6rem;
  --gs-btn-radius: var(--gs-radius-pill);
  --gs-btn-primary-bg: var(--gs-gradient-primary);
  --gs-btn-primary-shadow: var(--gs-shadow-glow);
  --gs-card-radius: var(--gs-radius-lg);
  --gs-card-padding: 1.6rem 1.5rem;
  --gs-card-shadow: var(--gs-shadow-sm);
  --gs-hero-min-h: 100svh;
  --gs-header-min-h: 76px;
  --gs-input-radius: 16px;
  --gs-input-padding: 0.85rem 1rem;
  --gs-focus-outline: 3px solid var(--gs-ring);
  --gs-focus-offset: 3px;
}

/* ===== 2. SEMANTIC — DARK ================================================= */
/* Applies via an explicit [data-theme="dark"] wrapper (preferred — lets light
   pages host cinematic dark bands) AND as the OS-level default fallback. */
[data-theme="dark"] {
  /* BEGIN GENERATED: semantic-dark */
  --gs-bg: var(--gs-teal);
  --gs-bg-subtle: var(--gs-indigo);
  --gs-surface: var(--gs-indigo);
  --gs-surface-raised: var(--gs-navy-550);
  --gs-surface-sunken: var(--gs-ink);

  --gs-text: var(--gs-cream);
  --gs-text-muted: var(--gs-cream-dim);
  --gs-text-subtle: rgba(233, 223, 201, 0.75);

  --gs-border: rgba(245, 181, 68, 0.18);
  --gs-border-strong: rgba(245, 181, 68, 0.3);
  --gs-divider: rgba(251, 244, 230, 0.12);

  --gs-primary: var(--gs-gold-500);
  --gs-primary-hover: var(--gs-gold-300);
  --gs-on-primary: var(--gs-gold-900);
  --gs-primary-soft: var(--gs-gold-300);
  --gs-accent: var(--gs-gold-300);

  --gs-link: var(--gs-gold-500);
  --gs-link-hover: var(--gs-gold-300);
  --gs-ring: var(--gs-gold-500);
  --gs-scrim: rgba(14, 26, 46, 0.72);

  --gs-success: #6fe0a6;
  --gs-success-bg: rgba(47, 181, 115, 0.18);
  --gs-warning: #f0c45a;
  --gs-warning-bg: rgba(217, 146, 11, 0.2);
  --gs-danger: #f0917a;
  --gs-danger-bg: rgba(192, 73, 47, 0.22);
  --gs-danger-solid: #e0664a;
  --gs-info: #7fd6dd;
  --gs-info-bg: rgba(44, 161, 170, 0.18);

  --gs-series-1: #f5b544;
  --gs-series-2: #7fd6dd;
  --gs-series-3: #b9c2d1;
  --gs-series-4: #6fe0a6;

  --gs-chart-1: #f5b544;
  --gs-chart-2: #7fd6dd;
  --gs-chart-3: #b9c2d1;
  --gs-chart-4: #6fe0a6;
  --gs-chart-5: #f0917a;
  --gs-chart-6: #f0c45a;
  --gs-chart-7: #8593a8;
  --gs-chart-8: #f8cd7c;
  /* END GENERATED: semantic-dark */
}

/* OS-level dark fallback for pages that don't set data-theme explicitly.
   Scoped to :root so an inner [data-theme="light"] can still force light. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* BEGIN GENERATED: semantic-dark-fallback */
    --gs-bg: var(--gs-teal);
    --gs-bg-subtle: var(--gs-indigo);
    --gs-surface: var(--gs-indigo);
    --gs-surface-raised: var(--gs-navy-550);
    --gs-surface-sunken: var(--gs-ink);
    --gs-text: var(--gs-cream);
    --gs-text-muted: var(--gs-cream-dim);
    --gs-text-subtle: rgba(233, 223, 201, 0.75);
    --gs-border: rgba(245, 181, 68, 0.18);
    --gs-border-strong: rgba(245, 181, 68, 0.3);
    --gs-divider: rgba(251, 244, 230, 0.12);
    --gs-primary-hover: var(--gs-gold-300);
    --gs-accent: var(--gs-gold-300);
    --gs-link: var(--gs-gold-500);
    --gs-link-hover: var(--gs-gold-300);
    --gs-scrim: rgba(14, 26, 46, 0.72);
    --gs-success: #6fe0a6;
    --gs-success-bg: rgba(47, 181, 115, 0.18);
    --gs-warning: #f0c45a;
    --gs-warning-bg: rgba(217, 146, 11, 0.2);
    --gs-danger: #f0917a;
    --gs-danger-bg: rgba(192, 73, 47, 0.22);
    --gs-danger-solid: #e0664a;
    --gs-info: #7fd6dd;
    --gs-info-bg: rgba(44, 161, 170, 0.18);
    --gs-series-1: #f5b544;
    --gs-series-2: #7fd6dd;
    --gs-series-3: #b9c2d1;
    --gs-series-4: #6fe0a6;
    --gs-chart-1: #f5b544;
    --gs-chart-2: #7fd6dd;
    --gs-chart-3: #b9c2d1;
    --gs-chart-4: #6fe0a6;
    --gs-chart-5: #f0917a;
    --gs-chart-6: #f0c45a;
    --gs-chart-7: #8593a8;
    --gs-chart-8: #f8cd7c;
    /* END GENERATED: semantic-dark-fallback */
  }
}

/* Reduced-motion kill-switch — components should honour this. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --gs-dur-fast: 0.01ms;
    --gs-dur-base: 0.01ms;
    --gs-dur-slow: 0.01ms;
    --gs-dur-ambient: 0.01ms;
  }
}

/* ===== MULTI-DESIGN-SYSTEM OVERRIDES =======================================
   Set data-ds="<key>" on <html> to switch design systems. Each non-default DS
   re-themes by overriding only the --gs-* values that DIFFER from the default
   ("let-it-go"). Aliases (--gs-bg: var(--gs-paper)) cascade through the
   re-themed primitives automatically, so most need no override. Per DS:
     [data-ds]                                light + structural diffs  (0,1,0)
     [data-ds][data-theme="dark"]            dark diffs                (0,2,0)
     @media(dark){ [data-ds]:not([data-theme=light]) }  OS-dark fallback
   The two dark blocks are emitted AFTER the light block so they win — same
   3-way logic as the default DS. GENERATED — edit systems/<key>.json + regen. */
/* BEGIN GENERATED: ds-overrides */
  /* ===== editorial — Quiet Authority ===== */
  [data-ds="editorial"] {
    --gs-gold-50: #faf1ec;
    --gs-gold-100: #f3ddd1;
    --gs-gold-200: #e7bda8;
    --gs-gold-300: #d89c80;
    --gs-gold-400: #c8795a;
    --gs-gold-500: #b35c3c;
    --gs-gold-600: #97492d;
    --gs-gold-700: #6f3320;
    --gs-gold-800: #4c2316;
    --gs-gold-900: #2c140c;
    --gs-navy-900: #1c1714;
    --gs-navy-800: #2a221d;
    --gs-navy-700: #3a2f28;
    --gs-navy-600: #4d4038;
    --gs-navy-550: #5b4e45;
    --gs-navy-500: #63554c;
    --gs-navy-400: #786a60;
    --gs-navy-300: #a99c91;
    --gs-navy-200: #d6cabd;
    --gs-navy-100: #ece3d8;
    --gs-navy-50: #f6efe5;
    --gs-paper: #f7f1e6;
    --gs-cream: #fffaf0;
    --gs-cream-200: #efe6d6;
    --gs-cream-dim: #e2d5c2;
    --gs-surface-sunken: #f1e9da;
    --gs-text-subtle: #8a7d72;
    --gs-border: rgba(58, 47, 40, 0.12);
    --gs-border-strong: rgba(58, 47, 40, 0.2);
    --gs-divider: rgba(58, 47, 40, 0.14);
    --gs-accent: #97492d;
    --gs-scrim: rgba(28, 23, 20, 0.55);
    --gs-success: #3f6f45;
    --gs-success-bg: rgba(63, 111, 69, 0.12);
    --gs-warning-bg: rgba(192, 138, 46, 0.14);
    --gs-danger: #97492d;
    --gs-danger-bg: rgba(162, 58, 42, 0.12);
    --gs-info: #3f6f6b;
    --gs-info-bg: rgba(63, 111, 107, 0.12);
    --gs-series-1: #b35c3c;
    --gs-series-2: #3f6f6b;
    --gs-series-3: #3a2f28;
    --gs-series-4: #5b7f55;
    --gs-chart-1: #b35c3c;
    --gs-chart-2: #3f6f6b;
    --gs-chart-3: #3a2f28;
    --gs-chart-4: #5b7f55;
    --gs-chart-5: #a23a2a;
    --gs-chart-6: #c08a2e;
    --gs-chart-7: #786a60;
    --gs-chart-8: #7a3f25;
    --gs-font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
    --gs-radius-2xs: 2px;
    --gs-radius-xs: 3px;
    --gs-radius-sm: 4px;
    --gs-radius-md: 5px;
    --gs-radius-lg: 6px;
    --gs-radius-xl: 8px;
    --gs-radius-2xl: 10px;
    --gs-shadow-sm: 0 1px 2px -1px rgba(28, 23, 20, 0.18);
    --gs-shadow-md: 0 2px 6px -3px rgba(28, 23, 20, 0.22);
    --gs-shadow-lg: 0 6px 16px -10px rgba(28, 23, 20, 0.28);
    --gs-shadow-xl: 0 10px 28px -16px rgba(28, 23, 20, 0.34);
    --gs-shadow-glow: 0 2px 8px -4px
      color-mix(in srgb, var(--gs-gold-500) 75%, transparent);
    --gs-shadow-glow-hover: 0 4px 12px -4px
      color-mix(in srgb, var(--gs-gold-500) 85%, transparent);
    --gs-dur-fast: 120ms;
    --gs-dur-base: 200ms;
    --gs-dur-slow: 320ms;
    --gs-ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1);
  }
  [data-ds="editorial"][data-theme="dark"] {
    --gs-text-subtle: rgba(214, 202, 189, 0.75);
    --gs-border: rgba(216, 156, 128, 0.2);
    --gs-border-strong: rgba(216, 156, 128, 0.32);
    --gs-divider: rgba(246, 239, 229, 0.12);
    --gs-scrim: rgba(28, 23, 20, 0.72);
    --gs-success: #9ec795;
    --gs-success-bg: rgba(63, 111, 69, 0.2);
    --gs-warning: #e3bd6e;
    --gs-warning-bg: rgba(192, 138, 46, 0.22);
    --gs-danger: #e88a72;
    --gs-danger-bg: rgba(162, 58, 42, 0.24);
    --gs-danger-solid: #c84e36;
    --gs-info: #7fb8b2;
    --gs-info-bg: rgba(63, 111, 107, 0.2);
    --gs-series-1: #d89c80;
    --gs-series-2: #7fb8b2;
    --gs-series-3: #cabbab;
    --gs-series-4: #9ec795;
    --gs-chart-1: #d89c80;
    --gs-chart-2: #7fb8b2;
    --gs-chart-3: #cabbab;
    --gs-chart-4: #9ec795;
    --gs-chart-5: #e88a72;
    --gs-chart-6: #e3bd6e;
    --gs-chart-7: #a99c91;
    --gs-chart-8: #c8795a;
  }
  @media (prefers-color-scheme: dark) {
    [data-ds="editorial"]:not([data-theme="light"]) {
      --gs-text-subtle: rgba(214, 202, 189, 0.75);
      --gs-border: rgba(216, 156, 128, 0.2);
      --gs-border-strong: rgba(216, 156, 128, 0.32);
      --gs-divider: rgba(246, 239, 229, 0.12);
      --gs-scrim: rgba(28, 23, 20, 0.72);
      --gs-success: #9ec795;
      --gs-success-bg: rgba(63, 111, 69, 0.2);
      --gs-warning: #e3bd6e;
      --gs-warning-bg: rgba(192, 138, 46, 0.22);
      --gs-danger: #e88a72;
      --gs-danger-bg: rgba(162, 58, 42, 0.24);
      --gs-danger-solid: #c84e36;
      --gs-info: #7fb8b2;
      --gs-info-bg: rgba(63, 111, 107, 0.2);
      --gs-series-1: #d89c80;
      --gs-series-2: #7fb8b2;
      --gs-series-3: #cabbab;
      --gs-series-4: #9ec795;
      --gs-chart-1: #d89c80;
      --gs-chart-2: #7fb8b2;
      --gs-chart-3: #cabbab;
      --gs-chart-4: #9ec795;
      --gs-chart-5: #e88a72;
      --gs-chart-6: #e3bd6e;
      --gs-chart-7: #a99c91;
      --gs-chart-8: #c8795a;
    }
  }
  /* ===== soft-minimal — Open Sky ===== */
  [data-ds="soft-minimal"] {
    --gs-gold-50: #f2f5fb;
    --gs-gold-100: #e2e9f6;
    --gs-gold-200: #c4d2ec;
    --gs-gold-300: #9fb4dd;
    --gs-gold-400: #7c97cd;
    --gs-gold-500: #5e7cbd;
    --gs-gold-600: #4a66a3;
    --gs-gold-700: #394e7e;
    --gs-gold-800: #2a3a5d;
    --gs-gold-900: #1b2640;
    --gs-navy-900: #1a1f29;
    --gs-navy-800: #252c3a;
    --gs-navy-700: #333c4d;
    --gs-navy-600: #3f4859;
    --gs-navy-550: #2f3a4c;
    --gs-navy-500: #2a3344;
    --gs-navy-400: #717c8f;
    --gs-navy-300: #a3acbb;
    --gs-navy-200: #cdd4de;
    --gs-navy-100: #e7ebf1;
    --gs-navy-50: #f3f5f9;
    --gs-paper: #f6f8fb;
    --gs-cream: #eef1f6;
    --gs-cream-200: #e7ebf1;
    --gs-cream-dim: #cdd4de;
    --gs-surface-sunken: #f1f4f9;
    --gs-text-subtle: #8b95a6;
    --gs-border: rgba(63, 72, 89, 0.1);
    --gs-border-strong: rgba(63, 72, 89, 0.16);
    --gs-divider: rgba(63, 72, 89, 0.12);
    --gs-accent: #394e7e;
    --gs-scrim: rgba(26, 31, 41, 0.55);
    --gs-success: #3f8d8a;
    --gs-success-bg: rgba(63, 141, 138, 0.12);
    --gs-warning-bg: rgba(192, 138, 62, 0.14);
    --gs-danger: #b65560;
    --gs-danger-bg: rgba(182, 85, 96, 0.12);
    --gs-info: #4a66a3;
    --gs-info-bg: rgba(74, 102, 163, 0.12);
    --gs-series-1: #4a66a3;
    --gs-series-2: #3f8d8a;
    --gs-series-3: #3f4859;
    --gs-series-4: #5b8f6c;
    --gs-chart-1: #4a66a3;
    --gs-chart-2: #3f8d8a;
    --gs-chart-3: #3f4859;
    --gs-chart-4: #5b8f6c;
    --gs-chart-5: #b65560;
    --gs-chart-6: #c08a3e;
    --gs-chart-7: #717c8f;
    --gs-chart-8: #6a5a9e;
    --gs-font-display: "Fraunces", Georgia, serif;
    --gs-font-body:
      "Figtree", system-ui, -apple-system, sans-serif;
    --gs-radius-2xs: 8px;
    --gs-radius-xs: 10px;
    --gs-radius-sm: 14px;
    --gs-radius-md: 18px;
    --gs-radius-lg: 22px;
    --gs-radius-xl: 28px;
    --gs-radius-2xl: 32px;
    --gs-shadow-sm: 0 6px 18px -14px rgba(40, 55, 90, 0.18);
    --gs-shadow-md: 0 8px 24px -16px rgba(40, 55, 90, 0.2);
    --gs-shadow-lg: 0 18px 44px -22px rgba(26, 31, 41, 0.3);
    --gs-shadow-xl: 0 28px 64px -28px rgba(26, 31, 41, 0.36);
    --gs-shadow-glow: 0 8px 22px -12px
      color-mix(in srgb, var(--gs-gold-500) 75%, transparent);
    --gs-shadow-glow-hover: 0 12px 30px -12px
      color-mix(in srgb, var(--gs-gold-500) 85%, transparent);
    --gs-dur-fast: 160ms;
    --gs-dur-base: 280ms;
    --gs-dur-slow: 440ms;
    --gs-ease-standard: cubic-bezier(0.25, 0.8, 0.3, 1);
  }
  [data-ds="soft-minimal"][data-theme="dark"] {
    --gs-text-subtle: rgba(205, 212, 222, 0.75);
    --gs-border: rgba(159, 180, 221, 0.2);
    --gs-border-strong: rgba(159, 180, 221, 0.32);
    --gs-divider: rgba(238, 241, 246, 0.12);
    --gs-scrim: rgba(26, 31, 41, 0.72);
    --gs-success: #7fcfca;
    --gs-success-bg: rgba(63, 141, 138, 0.2);
    --gs-warning: #e6c47e;
    --gs-warning-bg: rgba(192, 138, 62, 0.22);
    --gs-danger: #e79aa2;
    --gs-danger-bg: rgba(182, 85, 96, 0.24);
    --gs-info: #9fb4dd;
    --gs-info-bg: rgba(74, 102, 163, 0.2);
    --gs-series-1: #9fb4dd;
    --gs-series-2: #7fcfca;
    --gs-series-3: #cdd4de;
    --gs-series-4: #9fd0ad;
    --gs-chart-1: #9fb4dd;
    --gs-chart-2: #7fcfca;
    --gs-chart-3: #cdd4de;
    --gs-chart-4: #9fd0ad;
    --gs-chart-5: #e79aa2;
    --gs-chart-6: #e6c47e;
    --gs-chart-7: #a3acbb;
    --gs-chart-8: #b7a6e0;
  }
  @media (prefers-color-scheme: dark) {
    [data-ds="soft-minimal"]:not([data-theme="light"]) {
      --gs-text-subtle: rgba(205, 212, 222, 0.75);
      --gs-border: rgba(159, 180, 221, 0.2);
      --gs-border-strong: rgba(159, 180, 221, 0.32);
      --gs-divider: rgba(238, 241, 246, 0.12);
      --gs-scrim: rgba(26, 31, 41, 0.72);
      --gs-success: #7fcfca;
      --gs-success-bg: rgba(63, 141, 138, 0.2);
      --gs-warning: #e6c47e;
      --gs-warning-bg: rgba(192, 138, 62, 0.22);
      --gs-danger: #e79aa2;
      --gs-danger-bg: rgba(182, 85, 96, 0.24);
      --gs-info: #9fb4dd;
      --gs-info-bg: rgba(74, 102, 163, 0.2);
      --gs-series-1: #9fb4dd;
      --gs-series-2: #7fcfca;
      --gs-series-3: #cdd4de;
      --gs-series-4: #9fd0ad;
      --gs-chart-1: #9fb4dd;
      --gs-chart-2: #7fcfca;
      --gs-chart-3: #cdd4de;
      --gs-chart-4: #9fd0ad;
      --gs-chart-5: #e79aa2;
      --gs-chart-6: #e6c47e;
      --gs-chart-7: #a3acbb;
      --gs-chart-8: #b7a6e0;
    }
  }
  /* ===== clinical — Plain Sight ===== */
  [data-ds="clinical"] {
    --gs-gold-50: #e9f5f3;
    --gs-gold-100: #cae8e3;
    --gs-gold-200: #97d2c9;
    --gs-gold-300: #5cb6a8;
    --gs-gold-400: #2f9889;
    --gs-gold-500: #16786c;
    --gs-gold-600: #0f6055;
    --gs-gold-700: #0b4840;
    --gs-gold-800: #08332e;
    --gs-gold-900: #04201c;
    --gs-navy-900: #0a0e14;
    --gs-navy-800: #11161f;
    --gs-navy-700: #1b222e;
    --gs-navy-600: #11161f;
    --gs-navy-550: #222b38;
    --gs-navy-500: #2c3542;
    --gs-navy-400: #51606f;
    --gs-navy-300: #76828f;
    --gs-navy-200: #b7bfc8;
    --gs-navy-100: #dde2e7;
    --gs-navy-50: #eef1f4;
    --gs-paper: #ffffff;
    --gs-cream: #f2f5f7;
    --gs-cream-200: #eef1f4;
    --gs-cream-dim: #dde2e7;
    --gs-surface-sunken: #eef1f4;
    --gs-text-subtle: #51606f;
    --gs-border: rgba(17, 22, 31, 0.18);
    --gs-border-strong: rgba(17, 22, 31, 0.3);
    --gs-divider: rgba(17, 22, 31, 0.18);
    --gs-accent: #0f6055;
    --gs-scrim: rgba(10, 14, 20, 0.55);
    --gs-success: #2f7d3a;
    --gs-success-bg: rgba(47, 125, 58, 0.12);
    --gs-warning: #9a6a00;
    --gs-warning-bg: rgba(154, 106, 0, 0.12);
    --gs-danger: #b3261e;
    --gs-danger-bg: rgba(179, 38, 30, 0.1);
    --gs-info: #1f5a8c;
    --gs-info-bg: rgba(31, 90, 140, 0.12);
    --gs-series-1: #0f6055;
    --gs-series-2: #1f5a8c;
    --gs-series-3: #11161f;
    --gs-series-4: #2f7d3a;
    --gs-chart-1: #0f6055;
    --gs-chart-2: #1f5a8c;
    --gs-chart-3: #11161f;
    --gs-chart-4: #2f7d3a;
    --gs-chart-5: #b3261e;
    --gs-chart-6: #9a6a00;
    --gs-chart-7: #51606f;
    --gs-chart-8: #5a3a82;
    --gs-font-display: "IBM Plex Sans", system-ui, sans-serif;
    --gs-font-body:
      "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;
    --gs-radius-2xs: 2px;
    --gs-radius-xs: 4px;
    --gs-radius-sm: 6px;
    --gs-radius-md: 8px;
    --gs-radius-lg: 10px;
    --gs-radius-xl: 12px;
    --gs-radius-2xl: 14px;
    --gs-shadow-sm: 0 1px 0 rgba(17, 22, 31, 0.06), 0 2px 6px -4px rgba(17, 22, 31, 0.12);
    --gs-shadow-md: 0 2px 8px -4px rgba(17, 22, 31, 0.16);
    --gs-shadow-lg: 0 6px 18px -10px rgba(17, 22, 31, 0.22);
    --gs-shadow-glow: none
      color-mix(in srgb, var(--gs-gold-500) 75%, transparent);
    --gs-shadow-glow-hover: none
      color-mix(in srgb, var(--gs-gold-500) 85%, transparent);
    --gs-dur-fast: 100ms;
    --gs-dur-base: 160ms;
    --gs-dur-slow: 240ms;
    --gs-ease-standard: cubic-bezier(0.3, 0, 0.3, 1);
  }
  [data-ds="clinical"][data-theme="dark"] {
    --gs-text-subtle: rgba(183, 191, 200, 0.75);
    --gs-border: rgba(92, 182, 168, 0.2);
    --gs-border-strong: rgba(92, 182, 168, 0.32);
    --gs-divider: rgba(243, 246, 248, 0.12);
    --gs-scrim: rgba(10, 14, 20, 0.72);
    --gs-success: #7fc78a;
    --gs-success-bg: rgba(47, 125, 58, 0.2);
    --gs-warning: #f0c24a;
    --gs-warning-bg: rgba(154, 106, 0, 0.22);
    --gs-danger: #ff8a7a;
    --gs-danger-bg: rgba(179, 38, 30, 0.24);
    --gs-info: #7db4e0;
    --gs-info-bg: rgba(31, 90, 140, 0.2);
    --gs-series-1: #5cb6a8;
    --gs-series-2: #7db4e0;
    --gs-series-3: #cfd6dd;
    --gs-series-4: #7fc78a;
    --gs-chart-1: #5cb6a8;
    --gs-chart-2: #7db4e0;
    --gs-chart-3: #cfd6dd;
    --gs-chart-4: #7fc78a;
    --gs-chart-5: #ff8a7a;
    --gs-chart-6: #f0c24a;
    --gs-chart-7: #9aa6b2;
    --gs-chart-8: #c0a8e8;
  }
  @media (prefers-color-scheme: dark) {
    [data-ds="clinical"]:not([data-theme="light"]) {
      --gs-text-subtle: rgba(183, 191, 200, 0.75);
      --gs-border: rgba(92, 182, 168, 0.2);
      --gs-border-strong: rgba(92, 182, 168, 0.32);
      --gs-divider: rgba(243, 246, 248, 0.12);
      --gs-scrim: rgba(10, 14, 20, 0.72);
      --gs-success: #7fc78a;
      --gs-success-bg: rgba(47, 125, 58, 0.2);
      --gs-warning: #f0c24a;
      --gs-warning-bg: rgba(154, 106, 0, 0.22);
      --gs-danger: #ff8a7a;
      --gs-danger-bg: rgba(179, 38, 30, 0.24);
      --gs-info: #7db4e0;
      --gs-info-bg: rgba(31, 90, 140, 0.2);
      --gs-series-1: #5cb6a8;
      --gs-series-2: #7db4e0;
      --gs-series-3: #cfd6dd;
      --gs-series-4: #7fc78a;
      --gs-chart-1: #5cb6a8;
      --gs-chart-2: #7db4e0;
      --gs-chart-3: #cfd6dd;
      --gs-chart-4: #7fc78a;
      --gs-chart-5: #ff8a7a;
      --gs-chart-6: #f0c24a;
      --gs-chart-7: #9aa6b2;
      --gs-chart-8: #c0a8e8;
    }
  }
  /* ===== warm-organic — Hearth ===== */
  [data-ds="warm-organic"] {
    --gs-gold-50: #fbf3e6;
    --gs-gold-100: #f6e3c4;
    --gs-gold-200: #eecb95;
    --gs-gold-300: #e3ad62;
    --gs-gold-400: #d4923c;
    --gs-gold-500: #bf7a24;
    --gs-gold-600: #a0631a;
    --gs-gold-700: #794914;
    --gs-gold-800: #523111;
    --gs-gold-900: #2e1c0a;
    --gs-navy-900: #211a13;
    --gs-navy-800: #2f261c;
    --gs-navy-700: #423629;
    --gs-navy-600: #4f4234;
    --gs-navy-550: #5a4a38;
    --gs-navy-500: #6b5844;
    --gs-navy-400: #82715c;
    --gs-navy-300: #ab9c87;
    --gs-navy-200: #d8ccb9;
    --gs-navy-100: #ece3d4;
    --gs-navy-50: #f6efe2;
    --gs-white: #fffdf8;
    --gs-paper: #f5eddd;
    --gs-cream: #fdf8ee;
    --gs-cream-200: #ece1cd;
    --gs-cream-dim: #d8ccb9;
    --gs-surface-sunken: #efe5d3;
    --gs-text-subtle: #9a8a74;
    --gs-border: rgba(66, 54, 41, 0.12);
    --gs-border-strong: rgba(66, 54, 41, 0.2);
    --gs-divider: rgba(66, 54, 41, 0.14);
    --gs-accent: #a0631a;
    --gs-scrim: rgba(33, 26, 19, 0.55);
    --gs-success: #5a6740;
    --gs-success-bg: rgba(90, 103, 64, 0.12);
    --gs-warning-bg: rgba(192, 138, 46, 0.14);
    --gs-danger: #a8442a;
    --gs-danger-bg: rgba(168, 68, 42, 0.12);
    --gs-info: #3f6f6b;
    --gs-info-bg: rgba(63, 111, 107, 0.12);
    --gs-series-1: #bf7a24;
    --gs-series-2: #5a6740;
    --gs-series-3: #4f4234;
    --gs-series-4: #6f7d4e;
    --gs-chart-1: #bf7a24;
    --gs-chart-2: #5a6740;
    --gs-chart-3: #4f4234;
    --gs-chart-4: #6f7d4e;
    --gs-chart-5: #a8442a;
    --gs-chart-6: #c89a2e;
    --gs-chart-7: #82715c;
    --gs-chart-8: #8a5a2a;
    --gs-font-display: "Fraunces", Georgia, serif;
    --gs-font-body:
      "Nunito Sans", system-ui, -apple-system, sans-serif;
    --gs-radius-2xs: 10px;
    --gs-radius-xs: 14px;
    --gs-radius-sm: 18px;
    --gs-radius-md: 24px;
    --gs-radius-lg: 30px;
    --gs-radius-xl: 38px;
    --gs-radius-2xl: 44px;
    --gs-shadow-sm: 0 8px 20px -14px rgba(60, 40, 20, 0.22);
    --gs-shadow-md: 0 14px 30px -18px rgba(60, 40, 20, 0.3);
    --gs-shadow-lg: 0 22px 48px -22px rgba(40, 26, 12, 0.38);
    --gs-shadow-xl: 0 32px 64px -26px rgba(40, 26, 12, 0.44);
    --gs-dur-base: 260ms;
    --gs-dur-slow: 420ms;
    --gs-ease-standard: cubic-bezier(0.34, 1.2, 0.5, 1);
  }
  [data-ds="warm-organic"][data-theme="dark"] {
    --gs-text-subtle: rgba(216, 204, 185, 0.75);
    --gs-border: rgba(227, 173, 98, 0.2);
    --gs-border-strong: rgba(227, 173, 98, 0.32);
    --gs-divider: rgba(246, 239, 226, 0.12);
    --gs-scrim: rgba(33, 26, 19, 0.72);
    --gs-success: #9aab74;
    --gs-success-bg: rgba(90, 103, 64, 0.2);
    --gs-warning: #e3bd6e;
    --gs-warning-bg: rgba(192, 138, 46, 0.22);
    --gs-danger: #e8896a;
    --gs-danger-bg: rgba(168, 68, 42, 0.24);
    --gs-danger-solid: #c84e36;
    --gs-info: #7fb8b2;
    --gs-info-bg: rgba(63, 111, 107, 0.2);
    --gs-series-1: #e3ad62;
    --gs-series-2: #9aab74;
    --gs-series-3: #d8ccb9;
    --gs-series-4: #b0c084;
    --gs-chart-1: #e3ad62;
    --gs-chart-2: #9aab74;
    --gs-chart-3: #d8ccb9;
    --gs-chart-4: #b0c084;
    --gs-chart-5: #e8896a;
    --gs-chart-6: #e8c777;
    --gs-chart-7: #ab9c87;
    --gs-chart-8: #d4923c;
  }
  @media (prefers-color-scheme: dark) {
    [data-ds="warm-organic"]:not([data-theme="light"]) {
      --gs-text-subtle: rgba(216, 204, 185, 0.75);
      --gs-border: rgba(227, 173, 98, 0.2);
      --gs-border-strong: rgba(227, 173, 98, 0.32);
      --gs-divider: rgba(246, 239, 226, 0.12);
      --gs-scrim: rgba(33, 26, 19, 0.72);
      --gs-success: #9aab74;
      --gs-success-bg: rgba(90, 103, 64, 0.2);
      --gs-warning: #e3bd6e;
      --gs-warning-bg: rgba(192, 138, 46, 0.22);
      --gs-danger: #e8896a;
      --gs-danger-bg: rgba(168, 68, 42, 0.24);
      --gs-danger-solid: #c84e36;
      --gs-info: #7fb8b2;
      --gs-info-bg: rgba(63, 111, 107, 0.2);
      --gs-series-1: #e3ad62;
      --gs-series-2: #9aab74;
      --gs-series-3: #d8ccb9;
      --gs-series-4: #b0c084;
      --gs-chart-1: #e3ad62;
      --gs-chart-2: #9aab74;
      --gs-chart-3: #d8ccb9;
      --gs-chart-4: #b0c084;
      --gs-chart-5: #e8896a;
      --gs-chart-6: #e8c777;
      --gs-chart-7: #ab9c87;
      --gs-chart-8: #d4923c;
    }
  }
  /* ===== midnight — After Hours ===== */
  [data-ds="midnight"] {
    --gs-gold-50: #e8fbfa;
    --gs-gold-100: #c4f3f1;
    --gs-gold-200: #8ce6e4;
    --gs-gold-300: #4fd2d2;
    --gs-gold-400: #28b8bb;
    --gs-gold-500: #1aa0a4;
    --gs-gold-600: #14828a;
    --gs-gold-700: #0f6068;
    --gs-gold-800: #0a4348;
    --gs-gold-900: #06292c;
    --gs-navy-900: #07090f;
    --gs-navy-800: #0d1119;
    --gs-navy-700: #141a26;
    --gs-navy-600: #1c2433;
    --gs-navy-550: #232c3d;
    --gs-navy-500: #2a3344;
    --gs-navy-400: #6b768a;
    --gs-navy-300: #9aa5b8;
    --gs-navy-200: #c4ccd9;
    --gs-navy-100: #e2e7ef;
    --gs-navy-50: #f2f4f8;
    --gs-paper: #f4f6fa;
    --gs-cream: #e2e7ef;
    --gs-cream-200: #c4ccd9;
    --gs-cream-dim: #9aa5b8;
    --gs-surface-sunken: #04060a;
    --gs-text-subtle: #6b768a;
    --gs-border: rgba(40, 184, 187, 0.2);
    --gs-border-strong: rgba(40, 184, 187, 0.34);
    --gs-divider: rgba(226, 231, 239, 0.12);
    --gs-accent: #4fd2d2;
    --gs-scrim: rgba(3, 5, 9, 0.72);
    --gs-success: #6fdca0;
    --gs-success-bg: rgba(111, 220, 160, 0.14);
    --gs-warning: #f0c060;
    --gs-warning-bg: rgba(240, 192, 96, 0.14);
    --gs-danger: #e8786a;
    --gs-danger-bg: rgba(232, 120, 106, 0.14);
    --gs-info: #4fd2d2;
    --gs-info-bg: rgba(79, 210, 210, 0.14);
    --gs-series-1: #4fd2d2;
    --gs-series-2: #8ab4ff;
    --gs-series-3: #c4ccd9;
    --gs-series-4: #6fdca0;
    --gs-chart-1: #4fd2d2;
    --gs-chart-2: #8ab4ff;
    --gs-chart-3: #c4ccd9;
    --gs-chart-4: #6fdca0;
    --gs-chart-5: #ff8576;
    --gs-chart-6: #f0c060;
    --gs-chart-7: #9aa5b8;
    --gs-chart-8: #b39cf0;
    --gs-font-display: "Space Grotesk", system-ui, sans-serif;
    --gs-radius-sm: 8px;
    --gs-radius-md: 10px;
    --gs-radius-lg: 12px;
    --gs-radius-xl: 16px;
    --gs-radius-2xl: 18px;
    --gs-shadow-sm: 0 10px 30px -22px rgba(0, 0, 0, 0.6);
    --gs-shadow-md: 0 14px 38px -22px rgba(0, 0, 0, 0.65);
    --gs-shadow-lg: 0 24px 60px -28px rgba(0, 0, 0, 0.7);
    --gs-shadow-xl: 0 30px 70px -30px rgba(0, 0, 0, 0.75);
    --gs-shadow-glow: 0 0 0 1px rgba(40, 184, 187, 0.4), 0 8px 28px -10px
      color-mix(in srgb, var(--gs-gold-500) 75%, transparent);
    --gs-shadow-glow-hover: 0 0 0 1px rgba(40, 184, 187, 0.55), 0 12px 36px -10px
      color-mix(in srgb, var(--gs-gold-500) 85%, transparent);
    --gs-dur-fast: 140ms;
    --gs-dur-base: 240ms;
    --gs-dur-slow: 380ms;
    --gs-ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  [data-ds="midnight"][data-theme="dark"] {
    --gs-text-subtle: #6b768a;
    --gs-border: rgba(40, 184, 187, 0.2);
    --gs-border-strong: rgba(40, 184, 187, 0.34);
    --gs-divider: rgba(226, 231, 239, 0.12);
    --gs-scrim: rgba(3, 5, 9, 0.72);
    --gs-success: #6fdca0;
    --gs-success-bg: rgba(111, 220, 160, 0.18);
    --gs-warning: #f0c060;
    --gs-warning-bg: rgba(240, 192, 96, 0.18);
    --gs-danger: #e8786a;
    --gs-danger-bg: rgba(232, 120, 106, 0.18);
    --gs-danger-solid: #c84e36;
    --gs-info: #4fd2d2;
    --gs-info-bg: rgba(79, 210, 210, 0.18);
    --gs-series-1: #4fd2d2;
    --gs-series-2: #8ab4ff;
    --gs-series-3: #c4ccd9;
    --gs-series-4: #6fdca0;
    --gs-chart-1: #4fd2d2;
    --gs-chart-2: #8ab4ff;
    --gs-chart-3: #c4ccd9;
    --gs-chart-4: #6fdca0;
    --gs-chart-5: #ff8576;
    --gs-chart-6: #f0c060;
    --gs-chart-7: #9aa5b8;
    --gs-chart-8: #b39cf0;
  }
  @media (prefers-color-scheme: dark) {
    [data-ds="midnight"]:not([data-theme="light"]) {
      --gs-text-subtle: #6b768a;
      --gs-border: rgba(40, 184, 187, 0.2);
      --gs-border-strong: rgba(40, 184, 187, 0.34);
      --gs-divider: rgba(226, 231, 239, 0.12);
      --gs-scrim: rgba(3, 5, 9, 0.72);
      --gs-success: #6fdca0;
      --gs-success-bg: rgba(111, 220, 160, 0.18);
      --gs-warning: #f0c060;
      --gs-warning-bg: rgba(240, 192, 96, 0.18);
      --gs-danger: #e8786a;
      --gs-danger-bg: rgba(232, 120, 106, 0.18);
      --gs-danger-solid: #c84e36;
      --gs-info: #4fd2d2;
      --gs-info-bg: rgba(79, 210, 210, 0.18);
      --gs-series-1: #4fd2d2;
      --gs-series-2: #8ab4ff;
      --gs-series-3: #c4ccd9;
      --gs-series-4: #6fdca0;
      --gs-chart-1: #4fd2d2;
      --gs-chart-2: #8ab4ff;
      --gs-chart-3: #c4ccd9;
      --gs-chart-4: #6fdca0;
      --gs-chart-5: #ff8576;
      --gs-chart-6: #f0c060;
      --gs-chart-7: #9aa5b8;
      --gs-chart-8: #b39cf0;
    }
  }
  /* ===== pust — Pust ===== */
  [data-ds="pust"] {
    --gs-gold-50: #eef2fe;
    --gs-gold-100: #dde6fd;
    --gs-gold-200: #bccdfa;
    --gs-gold-300: #9ab3f6;
    --gs-gold-400: #7899f3;
    --gs-gold-500: #5b7ff0;
    --gs-gold-600: #4a6ce4;
    --gs-gold-700: #3c5cd8;
    --gs-gold-800: #2c44a4;
    --gs-gold-900: #1d2d6e;
    --gs-navy-900: #101623;
    --gs-navy-800: #1a2233;
    --gs-navy-700: #26324b;
    --gs-navy-600: #33405c;
    --gs-navy-550: #2c3a54;
    --gs-navy-500: #41506e;
    --gs-navy-400: #66738e;
    --gs-navy-300: #93a0b8;
    --gs-navy-200: #c3cdde;
    --gs-navy-100: #e3ecf8;
    --gs-navy-50: #eef4fb;
    --gs-paper: #eef4fb;
    --gs-cream: #f6f9fd;
    --gs-cream-200: #e3ecf8;
    --gs-cream-dim: #cfdcee;
    --gs-surface-sunken: #f6f9fd;
    --gs-text-subtle: #93a0b8;
    --gs-border: rgba(38, 50, 75, 0.08);
    --gs-border-strong: rgba(38, 50, 75, 0.14);
    --gs-divider: rgba(38, 50, 75, 0.1);
    --gs-accent: #3c5cd8;
    --gs-scrim: rgba(16, 22, 35, 0.55);
    --gs-success: #2ba86d;
    --gs-success-bg: rgba(43, 168, 109, 0.12);
    --gs-warning: #96660a;
    --gs-warning-bg: rgba(217, 146, 11, 0.14);
    --gs-danger: #c14e58;
    --gs-danger-bg: rgba(193, 78, 88, 0.12);
    --gs-info: #3c5cd8;
    --gs-info-bg: rgba(91, 127, 240, 0.12);
    --gs-series-1: #5b7ff0;
    --gs-series-2: #2ba86d;
    --gs-series-3: #26324b;
    --gs-series-4: #2ca1aa;
    --gs-chart-1: #5b7ff0;
    --gs-chart-2: #2ba86d;
    --gs-chart-3: #26324b;
    --gs-chart-4: #2ca1aa;
    --gs-chart-5: #c14e58;
    --gs-chart-7: #66738e;
    --gs-chart-8: #7c62c9;
    --gs-font-display: "Sora", "Sora Fallback", system-ui, -apple-system, sans-serif;
    --gs-font-body:
      "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --gs-radius-2xs: 8px;
    --gs-radius-xs: 12px;
    --gs-radius-sm: 16px;
    --gs-radius-md: 20px;
    --gs-radius-lg: 24px;
    --gs-radius-xl: 28px;
    --gs-radius-2xl: 32px;
    --gs-shadow-sm: 0 12px 30px -22px rgba(38, 50, 75, 0.3);
    --gs-shadow-md: 0 18px 40px -28px rgba(38, 50, 75, 0.35);
    --gs-shadow-lg: 0 24px 55px -35px rgba(38, 50, 75, 0.4);
    --gs-shadow-xl: 0 32px 70px -38px rgba(38, 50, 75, 0.46);
    --gs-shadow-glow: 0 16px 34px -14px
      color-mix(in srgb, var(--gs-gold-500) 75%, transparent);
    --gs-shadow-glow-hover: 0 22px 40px -14px
      color-mix(in srgb, var(--gs-gold-500) 85%, transparent);
    --gs-dur-base: 220ms;
    --gs-dur-ambient: 7000ms;
    --gs-ease-standard: cubic-bezier(0.25, 0.8, 0.3, 1);
  }
  [data-ds="pust"][data-theme="dark"] {
    --gs-text-subtle: rgba(195, 205, 222, 0.75);
    --gs-border: rgba(154, 179, 246, 0.2);
    --gs-border-strong: rgba(154, 179, 246, 0.32);
    --gs-divider: rgba(238, 244, 251, 0.12);
    --gs-scrim: rgba(16, 22, 35, 0.72);
    --gs-success-bg: rgba(43, 168, 109, 0.2);
    --gs-warning-bg: rgba(217, 146, 11, 0.22);
    --gs-danger: #f0919a;
    --gs-danger-bg: rgba(193, 78, 88, 0.24);
    --gs-info: #9ab3f6;
    --gs-info-bg: rgba(91, 127, 240, 0.2);
    --gs-series-1: #9ab3f6;
    --gs-series-2: #6fe0a6;
    --gs-series-3: #c3cdde;
    --gs-series-4: #7fd6dd;
    --gs-chart-1: #9ab3f6;
    --gs-chart-2: #6fe0a6;
    --gs-chart-3: #c3cdde;
    --gs-chart-4: #7fd6dd;
    --gs-chart-5: #f0919a;
    --gs-chart-7: #93a0b8;
    --gs-chart-8: #b7a6e0;
  }
  @media (prefers-color-scheme: dark) {
    [data-ds="pust"]:not([data-theme="light"]) {
      --gs-text-subtle: rgba(195, 205, 222, 0.75);
      --gs-border: rgba(154, 179, 246, 0.2);
      --gs-border-strong: rgba(154, 179, 246, 0.32);
      --gs-divider: rgba(238, 244, 251, 0.12);
      --gs-scrim: rgba(16, 22, 35, 0.72);
      --gs-success-bg: rgba(43, 168, 109, 0.2);
      --gs-warning-bg: rgba(217, 146, 11, 0.22);
      --gs-danger: #f0919a;
      --gs-danger-bg: rgba(193, 78, 88, 0.24);
      --gs-info: #9ab3f6;
      --gs-info-bg: rgba(91, 127, 240, 0.2);
      --gs-series-1: #9ab3f6;
      --gs-series-2: #6fe0a6;
      --gs-series-3: #c3cdde;
      --gs-series-4: #7fd6dd;
      --gs-chart-1: #9ab3f6;
      --gs-chart-2: #6fe0a6;
      --gs-chart-3: #c3cdde;
      --gs-chart-4: #7fd6dd;
      --gs-chart-5: #f0919a;
      --gs-chart-7: #93a0b8;
      --gs-chart-8: #b7a6e0;
    }
  }
/* END GENERATED: ds-overrides */