/* Fichier généré par scripts/ci/export-tokens.mjs ; modifier les sources des jetons. */

:root,
:root[data-theme="charbon"] {
  --bg-canvas: #f5f5f7;
  --bg-main: #f5f5f7;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-hover: #ebebf0;
  --bg-inset: #ebebf0;

  --text-heading: #1d1d1f;
  --text-main: #1d1d1f;
  --text-body: #333336;
  --text-base: #333336;
  --text-muted: #636366;
  --text-dim: var(--text-muted);

  --accent-primary: #1d1d1f;
  --accent-primary-fg: #ffffff;
  --accent-hover: #000000;
  --accent-subtle: rgba(29, 29, 31, 0.05);
  --accent-glow: rgba(29, 29, 31, 0.12);
  --accent-success: color-mix(in srgb, #16803d 55%, var(--text-heading));
  --accent-warning: #f59e0b;
  --accent-canary: #eab308;
  --accent-beta: #0ea5e9;

  --border-subtle: #e5e5ea;
  --border-vibrant: #1d1d1f;
  --border-color: #e5e5ea;
  --border-hover: #d2d2d7;
  --border-focus: #1d1d1f;

  --radius-sm: 0.45rem;
  --radius-md: 0.7rem;
  --radius-lg: 0.95rem;
  --radius-xl: 1.25rem;

  --shadow-color: color-mix(in srgb, var(--ink) 5%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--ink) 4%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, var(--ink) 6%, transparent);
  --shadow-card: 0 2px 12px color-mix(in srgb, var(--ink) 5%, transparent);
  --shadow-card-hover: 0 10px 26px color-mix(in srgb, var(--ink) 9%, transparent);
  --ambient-glow: rgba(29, 29, 31, 0.02);

  --badge-bg: rgba(29, 29, 31, 0.06);
  --badge-fg: #1d1d1f;
  --badge-border: rgba(29, 29, 31, 0.14);

  --logo-filter: none;
  --max-width: 76rem;
  --ease-spring-hover: cubic-bezier(0.2, 0.8, 0.2, 1.2);
  --ease-spring-pill: cubic-bezier(0.2, 0.9, 0.3, 1.2);
  --bg-ambient-mesh: none;
  --glass-surface-bg: color-mix(in srgb, var(--bg-card) 94%, transparent);
  --glass-surface-border: color-mix(in srgb, var(--ink) 8%, transparent);
  --glass-surface-blur: var(--blur-lg);
  --glass-card-bg: color-mix(in srgb, var(--bg-card) 96%, transparent);
  --glass-card-border: color-mix(in srgb, var(--ink) 8%, transparent);
  --glass-card-blur: var(--blur-md);
  --glass-card-highlight: inset 0 1px 0 0 color-mix(in srgb, var(--specular) 85%, transparent);
  --glass-floating-bg: color-mix(in srgb, var(--bg-card) 96%, transparent);
  --glass-modal-bg: color-mix(in srgb, var(--bg-card) 96%, transparent);
  --glass-floating-border: color-mix(in srgb, var(--ink) 10%, transparent);
  --glass-floating-blur: var(--blur-xl);
  --glass-inset-bg: color-mix(in srgb, var(--bg-inset) 94%, transparent);
  --glass-edge: inset 0 1px 0 color-mix(in srgb, var(--specular) 65%, transparent);
  --glass-gloss: none;
  --blur-scale: 1;
  --blur-xs: calc(4px * var(--blur-scale));
  --blur-sm: calc(8px * var(--blur-scale));
  --blur-md: calc(12px * var(--blur-scale));
  --blur-lg: calc(18px * var(--blur-scale));
  --blur-xl: calc(24px * var(--blur-scale));
  --blur-2xl: calc(30px * var(--blur-scale));
  --saturate-soft: 125%;
  --saturate-rich: 145%;
  --ink: #000000;
  --specular: #ffffff;
  --scrim-soft: color-mix(in srgb, var(--ink) 35%, transparent);
  --scrim: color-mix(in srgb, var(--ink) 52%, transparent);
  --glass-chip-bg: color-mix(in srgb, var(--ink) 70%, transparent);
  --glass-chip-blur: var(--blur-sm);

  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --text-on-accent: var(--accent-primary-fg);
  --accent-text: color-mix(in srgb, var(--accent-primary) 60%, var(--text-heading));
  --android-badge-fg: var(--accent-primary);
  --android-badge-bg: color-mix(in srgb, var(--accent-primary) 10%, var(--bg-card));
  --android-badge-border: color-mix(in srgb, var(--accent-primary) 28%, var(--border-subtle));
  --android-badge-glow: color-mix(in srgb, var(--accent-primary) 14%, transparent);
}
:root[data-theme="clair"] {
  --bg-canvas: #f8f5f6;
  --bg-main: #f8f5f6;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-hover: #f1ebed;
  --bg-inset: #f1ebed;
  --text-heading: #1d1d1f;
  --text-main: #1d1d1f;
  --text-body: #333336;
  --text-base: #333336;
  --text-muted: #636366;
  --text-dim: var(--text-muted);
  --accent-primary: #be123c;
  --accent-primary-fg: #ffffff;
  --accent-hover: #9f1239;
  --accent-subtle: rgba(190, 18, 60, 0.06);
  --accent-glow: rgba(190, 18, 60, 0.16);
  --border-subtle: #e8dfe2;
  --border-vibrant: #be123c;
  --border-color: #e8dfe2;
  --border-focus: #be123c;
  --ambient-glow: rgba(190, 18, 60, 0.03);
  --badge-bg: rgba(190, 18, 60, 0.08);
  --badge-fg: #be123c;
  --badge-border: rgba(190, 18, 60, 0.22);
  --logo-filter: none;
}
:root[data-theme="miel"] {
  --bg-canvas: #f8f6f2;
  --bg-main: #f8f6f2;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-hover: #f0ece4;
  --bg-inset: #f0ece4;
  --text-heading: #1d1d1f;
  --text-main: #1d1d1f;
  --text-body: #333336;
  --text-base: #333336;
  --text-muted: #636366;
  --text-dim: var(--text-muted);
  --accent-primary: #b45309;
  --accent-primary-fg: #ffffff;
  --accent-hover: #92400e;
  --accent-subtle: rgba(180, 83, 9, 0.06);
  --accent-glow: rgba(180, 83, 9, 0.16);
  --border-subtle: #e6e1d6;
  --border-vibrant: #b45309;
  --border-color: #e6e1d6;
  --border-focus: #b45309;
  --ambient-glow: rgba(180, 83, 9, 0.03);
  --badge-bg: rgba(180, 83, 9, 0.08);
  --badge-fg: #b45309;
  --badge-border: rgba(180, 83, 9, 0.22);
  --logo-filter: none;
}
:root[data-theme="menthe"] {
  --bg-canvas: #f4f7f5;
  --bg-main: #f4f7f5;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-hover: #eaf0ec;
  --bg-inset: #eaf0ec;
  --text-heading: #1d1d1f;
  --text-main: #1d1d1f;
  --text-body: #333336;
  --text-base: #333336;
  --text-muted: #636366;
  --text-dim: var(--text-muted);
  --accent-primary: #047857;
  --accent-primary-fg: #ffffff;
  --accent-hover: #065f46;
  --accent-subtle: rgba(4, 120, 87, 0.06);
  --accent-glow: rgba(4, 120, 87, 0.16);
  --border-subtle: #dfe7e2;
  --border-vibrant: #047857;
  --border-color: #dfe7e2;
  --border-focus: #047857;
  --ambient-glow: rgba(4, 120, 87, 0.03);
  --badge-bg: rgba(4, 120, 87, 0.08);
  --badge-fg: #047857;
  --badge-border: rgba(4, 120, 87, 0.22);
  --logo-filter: none;
}
:root[data-theme="ciel"] {
  --bg-canvas: #f4f6f9;
  --bg-main: #f4f6f9;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-hover: #eaeef4;
  --bg-inset: #eaeef4;
  --text-heading: #1d1d1f;
  --text-main: #1d1d1f;
  --text-body: #333336;
  --text-base: #333336;
  --text-muted: #636366;
  --text-dim: var(--text-muted);
  --accent-primary: #0071e3;
  --accent-primary-fg: #ffffff;
  --accent-hover: #005bb5;
  --accent-subtle: rgba(0, 113, 227, 0.06);
  --accent-glow: rgba(0, 113, 227, 0.16);
  --border-subtle: #dfe5ee;
  --border-vibrant: #0071e3;
  --border-color: #dfe5ee;
  --border-focus: #0071e3;
  --ambient-glow: rgba(0, 113, 227, 0.03);
  --badge-bg: rgba(0, 113, 227, 0.08);
  --badge-fg: #005bb5;
  --badge-border: rgba(0, 113, 227, 0.22);
  --logo-filter: none;
}
:root[data-theme="lavande"] {
  --bg-canvas: #f6f5f9;
  --bg-main: #f6f5f9;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-hover: #edeaf4;
  --bg-inset: #edeaf4;
  --text-heading: #1d1d1f;
  --text-main: #1d1d1f;
  --text-body: #333336;
  --text-base: #333336;
  --text-muted: #636366;
  --text-dim: var(--text-muted);
  --accent-primary: #6d28d9;
  --accent-primary-fg: #ffffff;
  --accent-hover: #5b21b6;
  --accent-subtle: rgba(109, 40, 217, 0.06);
  --accent-glow: rgba(109, 40, 217, 0.16);
  --border-subtle: #e2dff0;
  --border-vibrant: #6d28d9;
  --border-color: #e2dff0;
  --border-focus: #6d28d9;
  --ambient-glow: rgba(109, 40, 217, 0.03);
  --badge-bg: rgba(109, 40, 217, 0.08);
  --badge-fg: #6d28d9;
  --badge-border: rgba(109, 40, 217, 0.22);
  --logo-filter: none;
}
:root[data-theme="beige"] {
  --bg-canvas: #f7f6f2;
  --bg-main: #f7f6f2;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-hover: #efede6;
  --bg-inset: #efede6;
  --text-heading: #1d1d1f;
  --text-main: #1d1d1f;
  --text-body: #333336;
  --text-base: #333336;
  --text-muted: #636366;
  --text-dim: var(--text-muted);
  --accent-primary: #854d0e;
  --accent-primary-fg: #ffffff;
  --accent-hover: #713f12;
  --accent-subtle: rgba(133, 77, 14, 0.06);
  --accent-glow: rgba(133, 77, 14, 0.16);
  --border-subtle: #e5e2d9;
  --border-vibrant: #854d0e;
  --border-color: #e5e2d9;
  --border-focus: #854d0e;
  --ambient-glow: rgba(133, 77, 14, 0.03);
  --badge-bg: rgba(133, 77, 14, 0.08);
  --badge-fg: #713f12;
  --badge-border: rgba(133, 77, 14, 0.22);
  --logo-filter: none;
}
:root[data-theme="coco"] {
  --bg-canvas: #f4f5f7;
  --bg-main: #f4f5f7;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-hover: #eaecf0;
  --bg-inset: #eaecf0;
  --text-heading: #1d1d1f;
  --text-main: #1d1d1f;
  --text-body: #333336;
  --text-base: #333336;
  --text-muted: #636366;
  --text-dim: var(--text-muted);
  --accent-primary: #475569;
  --accent-primary-fg: #ffffff;
  --accent-hover: #334155;
  --accent-subtle: rgba(71, 85, 105, 0.06);
  --accent-glow: rgba(71, 85, 105, 0.16);
  --border-subtle: #dfe2e8;
  --border-vibrant: #475569;
  --border-color: #dfe2e8;
  --border-focus: #475569;
  --ambient-glow: rgba(71, 85, 105, 0.03);
  --badge-bg: rgba(71, 85, 105, 0.08);
  --badge-fg: #334155;
  --badge-border: rgba(71, 85, 105, 0.22);
  --logo-filter: none;
}

:root[data-theme="les-mills-sombre"],
:root[data-theme="charbon-sombre"],
:root[data-theme="automne"],
:root[data-theme="hiver"],
:root[data-theme="lune"],
:root[data-theme="chili"],
:root[data-theme="orchidee"],
:root[data-theme="taupe"] {
  --shadow-color: color-mix(in srgb, var(--ink) 65%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, var(--ink) 70%, transparent);
  --bg-ambient-mesh: none;
  --glass-surface-bg: color-mix(in srgb, var(--bg-surface) 92%, transparent);
  --glass-surface-border: color-mix(in srgb, var(--specular) 8%, transparent);
  --glass-card-bg: color-mix(in srgb, var(--bg-card) 92%, transparent);
  --glass-card-border: color-mix(in srgb, var(--specular) 8%, transparent);
  --glass-card-highlight: inset 0 1px 0 0 color-mix(in srgb, var(--specular) 10%, transparent);
  --glass-floating-bg: color-mix(in srgb, var(--bg-surface-elevated) 94%, transparent);
  --glass-modal-bg: color-mix(in srgb, var(--bg-surface-elevated) 94%, transparent);
  --glass-floating-border: color-mix(in srgb, var(--specular) 10%, transparent);
  --glass-inset-bg: color-mix(in srgb, var(--bg-inset) 92%, transparent);
  --glass-edge: inset 0 1px 0 color-mix(in srgb, var(--specular) 12%, transparent);

  --android-badge-fg: var(--accent-primary);
  --android-badge-bg: color-mix(in srgb, var(--accent-primary) 15%, var(--bg-card));
  --android-badge-border: color-mix(in srgb, var(--accent-primary) 40%, var(--border-subtle));
  --android-badge-glow: color-mix(in srgb, var(--accent-primary) 25%, transparent);
}
:root[data-theme="les-mills-sombre"] {
  --bg-canvas: #000000;
  --bg-main: #000000;
  --bg-card: #121215;
  --bg-card-hover: #1c1c21;
  --bg-surface: #121215;
  --bg-surface-elevated: #1c1c21;
  --bg-surface-hover: #24242b;
  --bg-inset: #0a0a0c;
  --text-heading: #f5f5f7;
  --text-main: #f5f5f7;
  --text-body: #d2d2d7;
  --text-base: #d2d2d7;
  --text-muted: #8e8e93;
  --text-dim: var(--text-muted);
  --accent-primary: #e4002b;
  --accent-primary-fg: #ffffff;
  --accent-hover: #be123c;
  --accent-subtle: rgba(228, 0, 43, 0.12);
  --accent-glow: rgba(228, 0, 43, 0.22);
  --border-subtle: #222227;
  --border-vibrant: color-mix(in srgb, #e4002b 65%, #222227);
  --border-color: #222227;
  --border-focus: #e4002b;
  --shadow-sm: 0 1px 3px color-mix(in srgb, var(--ink) 60%, transparent);
  --shadow-card: 0 4px 18px color-mix(in srgb, var(--ink) 68%, transparent);
  --shadow-card-hover: 0 12px 30px color-mix(in srgb, var(--ink) 80%, transparent);
  --ambient-glow: rgba(228, 0, 43, 0.05);
  --badge-bg: rgba(228, 0, 43, 0.14);
  --badge-fg: #fda4af;
  --badge-border: rgba(228, 0, 43, 0.30);
  --logo-filter: none;
}
:root[data-theme="charbon-sombre"] {
  --bg-canvas: #050507;
  --bg-main: #050507;
  --bg-card: #121215;
  --bg-card-hover: #1c1c21;
  --bg-surface: #121215;
  --bg-surface-elevated: #1c1c21;
  --bg-surface-hover: #24242b;
  --bg-inset: #0a0a0c;
  --text-heading: #f5f5f7;
  --text-main: #f5f5f7;
  --text-body: #d2d2d7;
  --text-base: #d2d2d7;
  --text-muted: #8e8e93;
  --text-dim: var(--text-muted);
  --accent-primary: #e5e5ea;
  --accent-primary-fg: #050507;
  --accent-hover: #ffffff;
  --accent-subtle: rgba(229, 229, 234, 0.10);
  --accent-glow: rgba(229, 229, 234, 0.16);
  --border-subtle: #222227;
  --border-vibrant: color-mix(in srgb, #e5e5ea 65%, #222227);
  --border-color: #222227;
  --border-focus: #e5e5ea;
  --shadow-sm: 0 1px 3px color-mix(in srgb, var(--ink) 60%, transparent);
  --shadow-card: 0 4px 18px color-mix(in srgb, var(--ink) 68%, transparent);
  --shadow-card-hover: 0 12px 30px color-mix(in srgb, var(--ink) 80%, transparent);
  --ambient-glow: rgba(229, 229, 234, 0.04);
  --badge-bg: rgba(229, 229, 234, 0.10);
  --badge-fg: #f5f5f7;
  --badge-border: rgba(229, 229, 234, 0.24);
  --logo-filter: none;
}
:root[data-theme="automne"] {
  --bg-canvas: #060504;
  --bg-main: #060504;
  --bg-card: #141210;
  --bg-card-hover: #1e1b18;
  --bg-surface: #141210;
  --bg-surface-elevated: #1e1b18;
  --bg-surface-hover: #282420;
  --bg-inset: #0b0908;
  --text-heading: #f5f5f7;
  --text-main: #f5f5f7;
  --text-body: #d2d2d7;
  --text-base: #d2d2d7;
  --text-muted: #8e8e93;
  --text-dim: var(--text-muted);
  --accent-primary: #ff9f0a;
  --accent-primary-fg: #060504;
  --accent-hover: #ffb340;
  --accent-subtle: rgba(255, 159, 10, 0.12);
  --accent-glow: rgba(255, 159, 10, 0.20);
  --border-subtle: #25211d;
  --border-vibrant: color-mix(in srgb, #ff9f0a 65%, #25211d);
  --border-color: #25211d;
  --border-focus: #ff9f0a;
  --shadow-sm: 0 1px 3px color-mix(in srgb, var(--ink) 55%, transparent);
  --shadow-card: 0 4px 18px color-mix(in srgb, var(--ink) 68%, transparent);
  --shadow-card-hover: 0 12px 30px color-mix(in srgb, var(--ink) 80%, transparent);
  --ambient-glow: rgba(255, 159, 10, 0.05);
  --badge-bg: rgba(255, 159, 10, 0.12);
  --badge-fg: #fdba74;
  --badge-border: rgba(255, 159, 10, 0.28);
  --logo-filter: none;
}
:root[data-theme="hiver"] {
  --bg-canvas: #040608;
  --bg-main: #040608;
  --bg-card: #101418;
  --bg-card-hover: #181e24;
  --bg-surface: #101418;
  --bg-surface-elevated: #181e24;
  --bg-surface-hover: #212932;
  --bg-inset: #090c0f;
  --text-heading: #f5f5f7;
  --text-main: #f5f5f7;
  --text-body: #d2d2d7;
  --text-base: #d2d2d7;
  --text-muted: #8e8e93;
  --text-dim: var(--text-muted);
  --accent-primary: #2997ff;
  --accent-primary-fg: #040608;
  --accent-hover: #64d2ff;
  --accent-subtle: rgba(41, 151, 255, 0.12);
  --accent-glow: rgba(41, 151, 255, 0.20);
  --border-subtle: #1e262f;
  --border-vibrant: color-mix(in srgb, #2997ff 65%, #1e262f);
  --border-color: #1e262f;
  --border-focus: #2997ff;
  --shadow-sm: 0 1px 3px color-mix(in srgb, var(--ink) 55%, transparent);
  --shadow-card: 0 4px 18px color-mix(in srgb, var(--ink) 68%, transparent);
  --shadow-card-hover: 0 12px 30px color-mix(in srgb, var(--ink) 80%, transparent);
  --ambient-glow: rgba(41, 151, 255, 0.05);
  --badge-bg: rgba(41, 151, 255, 0.12);
  --badge-fg: #64d2ff;
  --badge-border: rgba(41, 151, 255, 0.28);
  --logo-filter: none;
}
:root[data-theme="lune"] {
  --bg-canvas: #050507;
  --bg-main: #050507;
  --bg-card: #121318;
  --bg-card-hover: #1b1d24;
  --bg-surface: #121318;
  --bg-surface-elevated: #1b1d24;
  --bg-surface-hover: #242731;
  --bg-inset: #0a0b0e;
  --text-heading: #f5f5f7;
  --text-main: #f5f5f7;
  --text-body: #d2d2d7;
  --text-base: #d2d2d7;
  --text-muted: #8e8e93;
  --text-dim: var(--text-muted);
  --accent-primary: #818cf8;
  --accent-primary-fg: #050507;
  --accent-hover: #a5b4fc;
  --accent-subtle: rgba(129, 140, 248, 0.12);
  --accent-glow: rgba(129, 140, 248, 0.20);
  --border-subtle: #222532;
  --border-vibrant: color-mix(in srgb, #818cf8 65%, #222532);
  --border-color: #222532;
  --border-focus: #818cf8;
  --shadow-sm: 0 1px 3px color-mix(in srgb, var(--ink) 55%, transparent);
  --shadow-card: 0 4px 18px color-mix(in srgb, var(--ink) 68%, transparent);
  --shadow-card-hover: 0 12px 30px color-mix(in srgb, var(--ink) 80%, transparent);
  --ambient-glow: rgba(129, 140, 248, 0.05);
  --badge-bg: rgba(129, 140, 248, 0.12);
  --badge-fg: #a5b4fc;
  --badge-border: rgba(129, 140, 248, 0.28);
  --logo-filter: none;
}
:root[data-theme="chili"] {
  --bg-canvas: #070405;
  --bg-main: #070405;
  --bg-card: #151012;
  --bg-card-hover: #1f181b;
  --bg-surface: #151012;
  --bg-surface-elevated: #1f181b;
  --bg-surface-hover: #292024;
  --bg-inset: #0c080a;
  --text-heading: #f5f5f7;
  --text-main: #f5f5f7;
  --text-body: #d2d2d7;
  --text-base: #d2d2d7;
  --text-muted: #8e8e93;
  --text-dim: var(--text-muted);
  --accent-primary: #ff453a;
  --accent-primary-fg: #070405;
  --accent-hover: #ff6961;
  --accent-subtle: rgba(255, 69, 58, 0.12);
  --accent-glow: rgba(255, 69, 58, 0.20);
  --border-subtle: #281f23;
  --border-vibrant: color-mix(in srgb, #ff453a 65%, #281f23);
  --border-color: #281f23;
  --border-focus: #ff453a;
  --shadow-sm: 0 1px 3px color-mix(in srgb, var(--ink) 55%, transparent);
  --shadow-card: 0 4px 18px color-mix(in srgb, var(--ink) 68%, transparent);
  --shadow-card-hover: 0 12px 30px color-mix(in srgb, var(--ink) 80%, transparent);
  --ambient-glow: rgba(255, 69, 58, 0.05);
  --badge-bg: rgba(255, 69, 58, 0.12);
  --badge-fg: #fda4af;
  --badge-border: rgba(255, 69, 58, 0.28);
  --logo-filter: none;
}
:root[data-theme="orchidee"] {
  --bg-canvas: #060408;
  --bg-main: #060408;
  --bg-card: #141018;
  --bg-card-hover: #1e1824;
  --bg-surface: #141018;
  --bg-surface-elevated: #1e1824;
  --bg-surface-hover: #282030;
  --bg-inset: #0b080e;
  --text-heading: #f5f5f7;
  --text-main: #f5f5f7;
  --text-body: #d2d2d7;
  --text-base: #d2d2d7;
  --text-muted: #8e8e93;
  --text-dim: var(--text-muted);
  --accent-primary: #bf5af2;
  --accent-primary-fg: #060408;
  --accent-hover: #da8fff;
  --accent-subtle: rgba(191, 90, 242, 0.12);
  --accent-glow: rgba(191, 90, 242, 0.20);
  --border-subtle: #261f30;
  --border-vibrant: color-mix(in srgb, #bf5af2 65%, #261f30);
  --border-color: #261f30;
  --border-focus: #bf5af2;
  --shadow-sm: 0 1px 3px color-mix(in srgb, var(--ink) 55%, transparent);
  --shadow-card: 0 4px 18px color-mix(in srgb, var(--ink) 68%, transparent);
  --shadow-card-hover: 0 12px 30px color-mix(in srgb, var(--ink) 80%, transparent);
  --ambient-glow: rgba(191, 90, 242, 0.05);
  --badge-bg: rgba(191, 90, 242, 0.12);
  --badge-fg: #f0abfc;
  --badge-border: rgba(191, 90, 242, 0.28);
  --logo-filter: none;
}
:root[data-theme="taupe"] {
  --bg-canvas: #040705;
  --bg-main: #040705;
  --bg-card: #101512;
  --bg-card-hover: #18201b;
  --bg-surface: #101512;
  --bg-surface-elevated: #18201b;
  --bg-surface-hover: #212c25;
  --bg-inset: #090c0a;
  --text-heading: #f5f5f7;
  --text-main: #f5f5f7;
  --text-body: #d2d2d7;
  --text-base: #d2d2d7;
  --text-muted: #8e8e93;
  --text-dim: var(--text-muted);
  --accent-primary: #eab308;
  --accent-primary-fg: #040705;
  --accent-hover: #facc15;
  --accent-subtle: rgba(234, 179, 8, 0.12);
  --accent-glow: rgba(234, 179, 8, 0.20);
  --border-subtle: #202823;
  --border-vibrant: color-mix(in srgb, #eab308 65%, #202823);
  --border-color: #202823;
  --border-focus: #eab308;
  --shadow-sm: 0 1px 3px color-mix(in srgb, var(--ink) 55%, transparent);
  --shadow-card: 0 4px 18px color-mix(in srgb, var(--ink) 68%, transparent);
  --shadow-card-hover: 0 12px 30px color-mix(in srgb, var(--ink) 80%, transparent);
  --ambient-glow: rgba(234, 179, 8, 0.05);
  --badge-bg: rgba(234, 179, 8, 0.12);
  --badge-fg: #fde047;
  --badge-border: rgba(234, 179, 8, 0.28);
  --logo-filter: none;
}
@media print {

  :root {
    --bg-canvas: #ffffff !important;
    --bg-card: #ffffff !important;
    --bg-surface: #ffffff !important;
    --bg-surface-elevated: #ffffff !important;
    --bg-inset: #f9fafb !important;
    --text-heading: #000000 !important;
    --text-main: #1f2937 !important;
    --text-muted: #4b5563 !important;
    --text-dim: var(--text-muted) !important;
    --border-subtle: #e5e7eb !important;
    --border-color: #d1d5db !important;
    --accent-primary: #4338ca !important;
  }

}
@media (prefers-reduced-transparency: reduce) {
  :root,
  :root[data-theme] {
    --blur-scale: 0;
    --glass-surface-bg: var(--bg-card);
    --glass-card-bg: var(--bg-card);
    --glass-floating-bg: var(--bg-surface-elevated);
    --glass-modal-bg: var(--bg-surface-elevated);
    --glass-inset-bg: var(--bg-inset);
    --glass-chip-bg: color-mix(in srgb, var(--ink) 88%, transparent);
  }
}

:root {
  --status-success: var(--accent-success);
  --status-success-text: var(--status-success);
  --status-success-bg: color-mix(in srgb, var(--status-success) 10%, var(--bg-card));
  --status-success-fg: var(--bg-card);
  --status-warning: color-mix(in srgb, #a16207 45%, var(--text-heading));
  --status-warning-text: var(--status-warning);
  --status-warning-bg: color-mix(in srgb, var(--status-warning) 10%, var(--bg-card));
  --status-warning-fg: var(--bg-card);
  --status-danger: color-mix(in srgb, #b91c1c 45%, var(--text-heading));
  --status-danger-text: var(--status-danger);
  --status-danger-bg: color-mix(in srgb, var(--status-danger) 10%, var(--bg-card));
  --status-danger-fg: var(--bg-card);
  --status-info: color-mix(in srgb, #0369a1 45%, var(--text-heading));
  --status-info-text: var(--status-info);
  --status-info-bg: color-mix(in srgb, var(--status-info) 10%, var(--bg-card));
  --status-info-fg: var(--bg-card);
  --channel-stable: var(--accent-text);
  --channel-stable-bg: var(--accent-primary);
  --channel-stable-fg: var(--accent-primary-fg);
  --channel-beta: var(--status-info);
  --channel-beta-bg: var(--status-info);
  --channel-beta-fg: var(--status-info-fg);
  --channel-canary: var(--status-warning);
  --channel-canary-bg: var(--status-warning);
  --channel-canary-fg: var(--status-warning-fg);
  --code-bg: var(--bg-inset);
  --code-text: var(--text-body);
  --code-comment: var(--text-muted);
  --glass-modal-border: var(--glass-floating-border);
  --glass-hero-bg: var(--glass-card-bg);
  --glass-hero-border: var(--glass-card-border);
  --modal-radius: var(--radius-xl);
  --modal-shadow: var(--shadow-card-hover);
  --z-100: 100;
  --radius-0-45rem: 0.45rem;
  --fs-0-835rem: 0.835rem;
  --fs-0-8rem: 0.8rem;
  --radius-0-3rem: 0.3rem;
  --radius-999px: 999px;
  --z-120: 120;
  --radius-0-85rem: 0.85rem;
  --radius-0-55rem: 0.55rem;
  --fs-0-775rem: 0.775rem;
  --fs-0-675rem: 0.675rem;
  --fs-0-65rem: 0.65rem;
  --fs-0-75rem: 0.75rem;
  --fs-0-825rem: 0.825rem;
  --radius-50: 50%;
  --fs-0-9rem: 0.9rem;
  --fs-0-95rem: 0.95rem;
  --fs-clamp-1-45rem-3-2vw-1-95rem: clamp(1.45rem, 3.2vw, 1.95rem);
  --fs-clamp-1-2rem-2-5vw-1-4rem: clamp(1.2rem, 2.5vw, 1.4rem);
  --fs-clamp-1-025rem-2vw-1-18rem: clamp(1.025rem, 2vw, 1.18rem);
  --radius-0-0-4rem-0-4rem-0: 0 0.4rem 0.4rem 0;
  --fs-0-85rem: 0.85rem;
  --radius-0-3em: 0.3em;
  --fs-0-85em: 0.85em;
  --radius-0-65rem: 0.65rem;
  --radius-0-75rem: 0.75rem;
  --fs-0-925rem: 0.925rem;
  --fs-0-725rem: 0.725rem;
  --fs-clamp-1-25rem-2-6vw-1-5rem: clamp(1.25rem, 2.6vw, 1.5rem);
  --fs-0-68rem: 0.68rem;
  --fs-0-72rem: 0.72rem;
  --fs-0-76rem: 0.76rem;
  --fs-0-7rem: 0.7rem;
  --fs-0-78rem: 0.78rem;
  --fs-0-74rem: 0.74rem;
  --radius-9999px: 9999px;
  --radius-4px: 4px;
  --z-30: 30;
  --radius-0-5rem: 0.5rem;
  --z-999: 999;
  --z-10: 10;
  --fs-0-975rem: 0.975rem;
  --z-150: 150;
  --fs-0-875rem: 0.875rem;
  --radius-1-25rem: 1.25rem;
  --z-960: 960;
  --z-2: 2;
  --radius-0-35rem: 0.35rem;
  --radius-0-4rem: 0.4rem;
  --radius-0-25rem: 0.25rem;
  --z-1000: 1000;
  --fs-clamp-1-35rem-3vw-1-75rem: clamp(1.35rem, 3vw, 1.75rem);
  --fs-1-05rem: 1.05rem;
  --fs-clamp-1-4rem-2-8vw-1-85rem: clamp(1.4rem, 2.8vw, 1.85rem);
  --fs-1-25rem: 1.25rem;
  --z-950: 950;
  --fs-10-5pt: 10.5pt;
  --radius-1rem: 1rem;
  --radius-2rem: 2rem;
  --fs-1-15rem: 1.15rem;
  --fs-1-1rem: 1.1rem;
  --radius-0-6rem: 0.6rem;
  --z-1: 1;
  --z-neg-1: -1;
  --fs-clamp-1-85rem-2-5vw-2-35rem: clamp(1.85rem, 2.5vw, 2.35rem);
  --fs-clamp-0-92rem-1-12vw-1-02rem: clamp(0.92rem, 1.12vw, 1.02rem);
  --fs-clamp-1-75rem-4-5vw-2-25rem: clamp(1.75rem, 4.5vw, 2.25rem);
  --fs-1-65rem: 1.65rem;
  --fs-0-62rem: 0.62rem;
  --radius-3px: 3px;
  --fs-0-82rem: 0.82rem;
  --fs-clamp-1-6rem-3-2vw-2-25rem: clamp(1.6rem, 3.2vw, 2.25rem);
  --fs-1-5rem: 1.5rem;
  --radius-1-1rem: 1.1rem;
  --radius-0-9rem: 0.9rem;
  --fs-0-66rem: 0.66rem;
  --fs-0-92rem: 0.92rem;
  --z-5: 5;
  --z-95: 95;
  --z-200: 200;
  --radius-0-85rem-0-85rem-0-0: 0.85rem 0.85rem 0 0;
  --fs-1rem: 1rem;
  --z-40: 40;
  --radius-22: 22%;
  --z-90: 90;
  --radius-1-5rem: 1.5rem;
  --fs-1-35rem: 1.35rem;
  --fs-clamp-1-6rem-4vw-2-3rem: clamp(1.6rem, 4vw, 2.3rem);
  --radius-12px: 12px;
  --fs-1-2rem: 1.2rem;
  --z-20: 20;
  --z-45: 45;
  --z-50: 50;
  --z-800: 800;
  --radius-2px: 2px;
  --fs-0-84rem: 0.84rem;
  --fs-clamp-1-2rem-2-2vw-1-5rem: clamp(1.2rem, 2.2vw, 1.5rem);
  --fs-2rem: 2rem;
  --fs-0-64rem: 0.64rem;
  --fs-0-86rem: 0.86rem;
  --radius-14px: 14px;
  --radius-10px: 10px;
  --radius-9px: 9px;
  --fs-0-83rem: 0.83rem;
  --radius-6px: 6px;
  --fs-0-94rem: 0.94rem;
  --fs-0-98rem: 0.98rem;
  --radius-7px: 7px;
  --radius-8px: 8px;
  --fs-0-88rem: 0.88rem;
  --fs-clamp-2rem-3-8vw-3rem: clamp(2rem, 3.8vw, 3rem);
  --fs-1-12rem: 1.12rem;
  --fs-1-4rem: 1.4rem;
  --fs-clamp-2-35rem-5-2vw-4-15rem: clamp(2.35rem, 5.2vw, 4.15rem);
  --fs-clamp-1-1rem-1-8vw-1-35rem: clamp(1.1rem, 1.8vw, 1.35rem);
  --fs-clamp-1-85rem-3-5vw-2-75rem: clamp(1.85rem, 3.5vw, 2.75rem);
  --fs-1-3rem: 1.3rem;
  --fs-clamp-1-35rem-2-2vw-1-75rem: clamp(1.35rem, 2.2vw, 1.75rem);
  --fs-clamp-1-85rem-3-2vw-2-5rem: clamp(1.85rem, 3.2vw, 2.5rem);
  --fs-1-45rem: 1.45rem;
  --fs-clamp-1-4rem-3-2vw-2-2rem: clamp(1.4rem, 3.2vw, 2.2rem);
  --fs-clamp-1-35rem-2-8vw-1-85rem: clamp(1.35rem, 2.8vw, 1.85rem);
  --fs-1-55rem: 1.55rem;
  --fs-1-6rem: 1.6rem;
  --fs-1-025rem: 1.025rem;
  --fs-clamp-1-75rem-3-5vw-2-4rem: clamp(1.75rem, 3.5vw, 2.4rem);
  --fs-clamp-1-75rem-3-8vw-2-5rem: clamp(1.75rem, 3.8vw, 2.5rem);
  --fs-clamp-1-5rem-3-5vw-2-1rem: clamp(1.5rem, 3.5vw, 2.1rem);
  --fs-clamp-1-85rem-3-8vw-2-6rem: clamp(1.85rem, 3.8vw, 2.6rem);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root, :root[data-theme] {
    --blur-scale: 0;
    --glass-surface-bg: var(--bg-card);
    --glass-card-bg: var(--bg-card);
    --glass-floating-bg: var(--bg-surface-elevated);
    --glass-modal-bg: var(--bg-surface-elevated);
    --glass-inset-bg: var(--bg-inset);
    --glass-chip-bg: var(--ink);
  }
}