/* GENERATED by tools/site/render.mjs from src/ui/theme (resolveTokens(mode, "soft") → emitCssVariables). Never edit. */
:root,
[data-mode="calm"] {
  --vt-color-bg: #F2EDE4;
  --vt-color-surface: rgba(255, 255, 255, 0.35);
  --vt-color-surface-alt: rgba(248, 245, 239, 0.35);
  --vt-color-ink: #2F3B36;
  --vt-color-ink-muted: #5F6B65;
  --vt-color-ink-decor: #A3ABA6;
  --vt-color-accent: #9F7D42;
  --vt-color-accent-alt: #9F7D42;
  --vt-color-on-accent: #1B1508;
  --vt-color-line: rgba(47, 59, 54, 0.18);
  --vt-color-focus: #7A5E2E;
  --vt-radius-sm: 12px;
  --vt-radius-md: 24px;
  --vt-radius-lg: 32px;
  --vt-radius-pill: 999px;
  --vt-border-w: 1px;
  --vt-fill: translucent;
  --vt-font-display: "Space Grotesk", system-ui, sans-serif;
  --vt-font-body: "Inter Tight", system-ui, sans-serif;
  --vt-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --vt-motion-enter: 550ms;
  --vt-motion-exit: 400ms;
  --vt-motion-ease: cubic-bezier(.25,.1,.25,1);
  --vt-touch-min: 44px;
  --vt-texture-kind: none;
  --vt-texture-opacity: 0;
  --vt-color-ev-researched-ink: #2F6B48;
  --vt-color-ev-researched-fill: rgba(47, 107, 72, 0.12);
  --vt-color-ev-preliminary-ink: #7A5919;
  --vt-color-ev-preliminary-fill: rgba(122, 89, 25, 0.12);
  --vt-color-ev-traditional-ink: #4E555E;
  --vt-color-ev-traditional-fill: rgba(78, 85, 94, 0.12);
  --vt-ramp-0: #3595A4;
  --vt-ramp-1: #37988F;
  --vt-ramp-2: #4D9777;
  --vt-ramp-3: #689460;
  --vt-ramp-4: #828D4C;
  --vt-ramp-5: #988542;
  --vt-ramp-6: #A87D46;
  --vt-ramp-7: #B37555;
  --vt-space-0: 4px;
  --vt-space-1: 8px;
  --vt-space-2: 12px;
  --vt-space-3: 16px;
  --vt-space-4: 24px;
  --vt-space-5: 32px;
  --vt-space-6: 48px;
  --vt-space-7: 64px;
  --vt-slot-display-size: 3rem;
  --vt-slot-display-weight: 600;
  --vt-slot-display-tracking: -0.01em;
  --vt-slot-display-family: var(--vt-font-display);
  --vt-slot-display-case: none;
  --vt-slot-heading-size: 2rem;
  --vt-slot-heading-weight: 600;
  --vt-slot-heading-tracking: -0.01em;
  --vt-slot-heading-family: var(--vt-font-display);
  --vt-slot-heading-case: none;
  --vt-slot-tile-size: 1.4rem;
  --vt-slot-tile-weight: 500;
  --vt-slot-tile-tracking: 0em;
  --vt-slot-tile-family: var(--vt-font-display);
  --vt-slot-tile-case: none;
  --vt-slot-body-size: 1rem;
  --vt-slot-body-weight: 400;
  --vt-slot-body-tracking: 0em;
  --vt-slot-body-family: var(--vt-font-body);
  --vt-slot-body-case: none;
  --vt-slot-label-size: 0.85rem;
  --vt-slot-label-weight: 500;
  --vt-slot-label-tracking: 0.01em;
  --vt-slot-label-family: var(--vt-font-body);
  --vt-slot-label-case: none;
  --vt-slot-micro-size: 0.72rem;
  --vt-slot-micro-weight: 500;
  --vt-slot-micro-tracking: 0.06em;
  --vt-slot-micro-family: var(--vt-font-mono);
  --vt-slot-micro-case: none;
  --vt-slot-value-size: 1rem;
  --vt-slot-value-weight: 400;
  --vt-slot-value-tracking: 0em;
  --vt-slot-value-family: var(--vt-font-mono);
  --vt-slot-value-case: none;
}
[data-mode="waves"] {
  --vt-color-bg: #141B2E;
  --vt-color-surface: rgba(28, 37, 64, 0.35);
  --vt-color-surface-alt: rgba(36, 48, 80, 0.35);
  --vt-color-ink: #E8EEF7;
  --vt-color-ink-muted: #7FA8D9;
  --vt-color-ink-decor: #4C5E80;
  --vt-color-accent: #4FD1C5;
  --vt-color-accent-alt: #4FD1C5;
  --vt-color-on-accent: #0B1F1E;
  --vt-color-line: rgba(232, 238, 247, 0.18);
  --vt-color-focus: #4FD1C5;
  --vt-radius-sm: 8px;
  --vt-radius-md: 16px;
  --vt-radius-lg: 24px;
  --vt-radius-pill: 999px;
  --vt-color-ev-researched-ink: #64BA8A;
  --vt-color-ev-researched-fill: rgba(100, 186, 138, 0.12);
  --vt-color-ev-preliminary-ink: #D4A64C;
  --vt-color-ev-preliminary-fill: rgba(212, 166, 76, 0.12);
  --vt-color-ev-traditional-ink: #A0A8B2;
  --vt-color-ev-traditional-fill: rgba(160, 168, 178, 0.12);
  --vt-ramp-0: #3595A4;
  --vt-ramp-1: #37988F;
  --vt-ramp-2: #4D9777;
  --vt-ramp-3: #689460;
  --vt-ramp-4: #828D4C;
  --vt-ramp-5: #988542;
  --vt-ramp-6: #A87D46;
  --vt-ramp-7: #B37555;
}
[data-mode="night"] {
  --vt-color-bg: #08090B;
  --vt-color-surface: #0D0F12;
  --vt-color-surface-alt: #111318;
  --vt-color-ink: #D9A05B;
  --vt-color-ink-muted: #9A7746;
  --vt-color-ink-decor: #6B5433;
  --vt-color-accent: #D9A05B;
  --vt-color-accent-alt: #D9A05B;
  --vt-color-on-accent: #0B0906;
  --vt-color-line: rgba(217, 160, 91, 0.22);
  --vt-color-focus: #DDA663;
  --vt-radius-sm: 10px;
  --vt-radius-md: 20px;
  --vt-radius-lg: 28px;
  --vt-radius-pill: 999px;
  --vt-color-ev-researched-ink: #D9A05B;
  --vt-color-ev-researched-fill: rgba(217, 160, 91, 0.12);
  --vt-color-ev-preliminary-ink: #D9A05B;
  --vt-color-ev-preliminary-fill: rgba(217, 160, 91, 0.12);
  --vt-color-ev-traditional-ink: #D9A05B;
  --vt-color-ev-traditional-fill: rgba(217, 160, 91, 0.12);
  --vt-ramp-0: #AC713E;
  --vt-ramp-1: #B27744;
  --vt-ramp-2: #B97D4A;
  --vt-ramp-3: #BF8350;
  --vt-ramp-4: #C68956;
  --vt-ramp-5: #CC8F5C;
  --vt-ramp-6: #D39562;
  --vt-ramp-7: #D99C68;
}
[data-mode="studio"] {
  --vt-color-bg: #16181C;
  --vt-color-surface: rgba(30, 33, 38, 0.35);
  --vt-color-surface-alt: rgba(38, 42, 48, 0.35);
  --vt-color-ink: #E4E7EB;
  --vt-color-ink-muted: #949CA6;
  --vt-color-ink-decor: #5A626C;
  --vt-color-accent: #66E39A;
  --vt-color-accent-alt: #FF9F45;
  --vt-color-on-accent: #0F1A14;
  --vt-color-line: rgba(228, 231, 235, 0.18);
  --vt-color-focus: #66E39A;
  --vt-radius-sm: 2px;
  --vt-radius-md: 4px;
  --vt-radius-lg: 6px;
  --vt-radius-pill: 999px;
  --vt-color-ev-researched-ink: #64BA8A;
  --vt-color-ev-researched-fill: rgba(100, 186, 138, 0.12);
  --vt-color-ev-preliminary-ink: #D4A64C;
  --vt-color-ev-preliminary-fill: rgba(212, 166, 76, 0.12);
  --vt-color-ev-traditional-ink: #A0A8B2;
  --vt-color-ev-traditional-fill: rgba(160, 168, 178, 0.12);
  --vt-ramp-0: #3595A4;
  --vt-ramp-1: #37988F;
  --vt-ramp-2: #4D9777;
  --vt-ramp-3: #689460;
  --vt-ramp-4: #828D4C;
  --vt-ramp-5: #988542;
  --vt-ramp-6: #A87D46;
  --vt-ramp-7: #B37555;
}