/* -------------------------------------------
 *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 *  Source: design/tokens, build: cd design && npm run build
 * ------------------------------------------- */

:root {
  --hy-color-accent-default: #007867;
  --hy-color-accent-secondary: #764ddd;
  --hy-color-accent-strong: #006e78;
  --hy-color-border-default: #b6bad5;
  --hy-color-border-strong: #7e83a9;
  --hy-color-border-subtle: #d4d7e8;
  --hy-color-brand-end: var(--hy-palette-brand-magenta-deep);
  --hy-color-brand-mid: var(--hy-palette-brand-violet-deep);
  --hy-color-brand-start: var(--hy-palette-brand-cyan-deep);
  --hy-color-chart-series-1: #2a78d6;
  --hy-color-chart-series-2: #e35b2d;
  --hy-color-chart-series-3: #029876;
  --hy-color-chart-series-4: #ba7916;
  --hy-color-chart-series-5: #d85a98;
  --hy-color-chart-series-6: #008300;
  --hy-color-chart-series-7: #6250d6;
  --hy-color-chart-series-8: #e34948;
  --hy-color-cost-high: #002f71;
  --hy-color-cost-low: #2d69b5;
  --hy-color-cost-mid: #174c91;
  --hy-color-focus-ring: var(--hy-color-accent-default);
  --hy-color-status-danger: #c13646;
  --hy-color-status-info: #2d6ab6;
  --hy-color-status-success: #187947;
  --hy-color-status-warning: #8e6112;
  --hy-color-surface-base: #f7f8fc;
  --hy-color-surface-card: #eef0f8;
  --hy-color-surface-overlay: #e9eaf4;
  --hy-color-surface-raised: #f4f5fb;
  --hy-color-text-default: #1d2036;
  --hy-color-text-inverse: var(--hy-color-surface-base);
  --hy-color-text-muted: #505578;
  --hy-color-text-subtle: #62678d;
  --hy-focus-offset: 2px;
  --hy-focus-width: 2px;
  --hy-font-family-display: system-ui, sans-serif;
  --hy-font-family-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;
  --hy-font-family-text: system-ui, -apple-system, "Segoe UI", "Roboto", sans-serif;
  --hy-font-size-2xl: 28px;
  --hy-font-size-3xl: 36px;
  --hy-font-size-4xl: 48px;
  --hy-font-size-base: 16px;
  --hy-font-size-lg: 18px;
  --hy-font-size-md: 14px;
  --hy-font-size-sm: 13px;
  --hy-font-size-xl: 22px;
  --hy-font-size-xs: 12px;
  --hy-font-weight-bold: 700;
  --hy-font-weight-medium: 500;
  --hy-font-weight-regular: 400;
  --hy-font-weight-semibold: 600;
  --hy-motion-duration-base: 200ms;
  --hy-motion-duration-fast: 120ms;
  --hy-motion-duration-loop: 1600ms;
  --hy-motion-duration-slow: 320ms;
  --hy-motion-easing-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --hy-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --hy-palette-brand-cyan: #2af0e0;
  --hy-palette-brand-cyan-deep: #00707a;
  --hy-palette-brand-magenta: #e852c8;
  --hy-palette-brand-magenta-deep: #a21caf;
  --hy-palette-brand-violet: #8b5cf6;
  --hy-palette-brand-violet-deep: #6d28d9;
  --hy-radius-card: 10px;
  --hy-radius-control: 6px;
  --hy-radius-mark: 2px;
  --hy-radius-pill: 999px;
  --hy-space-0-5: 2px;
  --hy-space-1: 4px;
  --hy-space-1-5: 6px;
  --hy-space-2: 8px;
  --hy-space-2-5: 10px;
  --hy-space-3: 12px;
  --hy-space-4: 16px;
  --hy-space-5: 20px;
  --hy-space-6: 24px;
  --hy-space-8: 32px;
  --hy-space-12: 48px;
  --hy-space-16: 64px;
  --hy-space-24: 96px;
  --hy-space-32: 128px;
  --hy-theme-dark: 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --hy-color-accent-default: #00e6c3;
    --hy-color-accent-secondary: #a68bfb;
    --hy-color-accent-strong: #2af0e0;
    --hy-color-border-default: #2b2f49;
    --hy-color-border-strong: #60668b;
    --hy-color-border-subtle: #1a1e32;
    --hy-color-brand-end: var(--hy-palette-brand-magenta);
    --hy-color-brand-mid: var(--hy-palette-brand-violet);
    --hy-color-brand-start: var(--hy-palette-brand-cyan);
    --hy-color-chart-series-1: #3987e5;
    --hy-color-chart-series-2: #d95926;
    --hy-color-chart-series-3: #199e70;
    --hy-color-chart-series-4: #c98500;
    --hy-color-chart-series-5: #d55181;
    --hy-color-chart-series-6: #008300;
    --hy-color-chart-series-7: #9085e9;
    --hy-color-chart-series-8: #e66767;
    --hy-color-cost-high: #a5d0ff;
    --hy-color-cost-low: #3f83d3;
    --hy-color-cost-mid: #59a7fd;
    --hy-color-focus-ring: var(--hy-color-accent-default);
    --hy-color-status-danger: #ff5a6e;
    --hy-color-status-info: #59a7fd;
    --hy-color-status-success: #3fd98a;
    --hy-color-status-warning: #e0a93b;
    --hy-color-surface-base: #06070f;
    --hy-color-surface-card: #0c0f1e;
    --hy-color-surface-overlay: #0f1223;
    --hy-color-surface-raised: #0a0c18;
    --hy-color-text-default: #e7e9f4;
    --hy-color-text-inverse: var(--hy-color-surface-base);
    --hy-color-text-muted: #acb2d0;
    --hy-color-text-subtle: #8288ad;
    --hy-theme-dark: 1;
  }
}

:root[data-theme="dark"] {
  --hy-color-accent-default: #00e6c3;
  --hy-color-accent-secondary: #a68bfb;
  --hy-color-accent-strong: #2af0e0;
  --hy-color-border-default: #2b2f49;
  --hy-color-border-strong: #60668b;
  --hy-color-border-subtle: #1a1e32;
  --hy-color-brand-end: var(--hy-palette-brand-magenta);
  --hy-color-brand-mid: var(--hy-palette-brand-violet);
  --hy-color-brand-start: var(--hy-palette-brand-cyan);
  --hy-color-chart-series-1: #3987e5;
  --hy-color-chart-series-2: #d95926;
  --hy-color-chart-series-3: #199e70;
  --hy-color-chart-series-4: #c98500;
  --hy-color-chart-series-5: #d55181;
  --hy-color-chart-series-6: #008300;
  --hy-color-chart-series-7: #9085e9;
  --hy-color-chart-series-8: #e66767;
  --hy-color-cost-high: #a5d0ff;
  --hy-color-cost-low: #3f83d3;
  --hy-color-cost-mid: #59a7fd;
  --hy-color-focus-ring: var(--hy-color-accent-default);
  --hy-color-status-danger: #ff5a6e;
  --hy-color-status-info: #59a7fd;
  --hy-color-status-success: #3fd98a;
  --hy-color-status-warning: #e0a93b;
  --hy-color-surface-base: #06070f;
  --hy-color-surface-card: #0c0f1e;
  --hy-color-surface-overlay: #0f1223;
  --hy-color-surface-raised: #0a0c18;
  --hy-color-text-default: #e7e9f4;
  --hy-color-text-inverse: var(--hy-color-surface-base);
  --hy-color-text-muted: #acb2d0;
  --hy-color-text-subtle: #8288ad;
  --hy-theme-dark: 1;
}