/* Generated by scripts/generate_identity_tokens.py from ui-ux-design-system/tokens/design-tokens.json. Do not edit by hand. */
:root {
  --chart-baseline: var(--color-core-disabled);
  --chart-cat-1: oklch(55% 0.22 286);
  --chart-cat-2: oklch(52% 0.14 225);
  --chart-cat-3: oklch(68% 0.19 325);
  --chart-cat-api: oklch(57% 0.13 165);
  --chart-cat-other: oklch(72% 0.03 286);
  --chart-gridline: color-mix(in oklch, var(--color-core-border) 88%, transparent);
  --chart-heat-high: var(--color-core-brand);
  --chart-heat-low: var(--color-core-page);
  --chart-heat-mid: var(--color-core-border);
  --chart-selected-marker: var(--color-core-ink);
  --chart-series-comparison: var(--color-core-ink);
  --chart-series-comparison-fill: linear-gradient(180deg, color-mix(in oklch, var(--color-core-ink) 5%, var(--color-core-surface)) 0%, var(--color-core-surface) 52%, color-mix(in oklch, var(--color-core-ink) 12%, var(--color-core-page)) 100%);
  --chart-series-estimated: var(--color-core-warning);
  --chart-series-estimated-fill: linear-gradient(180deg, color-mix(in oklch, var(--color-core-aura) 7%, var(--color-core-surface)) 0%, var(--color-core-surface) 50%, color-mix(in oklch, var(--color-core-brand) 10%, var(--color-core-page)) 100%);
  --chart-series-missing: var(--color-core-border);
  --chart-series-missing-fill: linear-gradient(135deg, var(--color-core-surface), color-mix(in oklch, var(--color-core-border) 80%, var(--color-core-page)));
  --chart-series-primary: var(--color-core-brand);
  --chart-series-primary-area-end: color-mix(in oklch, var(--color-core-brand) 4%, transparent);
  --chart-series-primary-area-start: color-mix(in oklch, var(--color-core-brand) 20%, transparent);
  --chart-series-primary-fill: linear-gradient(180deg, color-mix(in oklch, var(--color-core-brand) 6%, var(--color-core-surface)) 0%, var(--color-core-surface) 50%, color-mix(in oklch, var(--color-core-glow) 16%, var(--color-core-page)) 100%);
  --chart-series-primary-translucent: color-mix(in oklch, var(--color-core-brand) 42%, transparent);
  --chart-series-proxy: var(--color-core-muted);
  --chart-series-proxy-fill: linear-gradient(180deg, color-mix(in oklch, var(--color-core-muted) 6%, var(--color-core-surface)) 0%, var(--color-core-surface) 52%, color-mix(in oklch, var(--color-core-muted) 14%, var(--color-core-page)) 100%);
  --chart-series-risk: var(--color-core-critical);
  --chart-series-risk-fill: linear-gradient(180deg, color-mix(in oklch, var(--color-core-critical) 7%, var(--color-core-surface)) 0%, var(--color-core-surface) 50%, color-mix(in oklch, var(--color-core-critical) 14%, var(--color-core-page)) 100%);
  --chart-series-secondary: var(--color-core-glow);
  --chart-series-secondary-fill: linear-gradient(180deg, color-mix(in oklch, var(--color-core-glow) 8%, var(--color-core-surface)) 0%, var(--color-core-surface) 50%, color-mix(in oklch, var(--color-core-brand) 10%, var(--color-core-page)) 100%);
  --chart-surface-blue: color-mix(in oklch, var(--color-core-glow) 4%, var(--color-core-surface));
  --chart-surface-brand: color-mix(in oklch, var(--color-core-brand) 3%, var(--color-core-surface));
  --chart-surface-cool: color-mix(in oklch, var(--color-core-page) 38%, var(--color-core-surface));
  --chart-zero-line: var(--color-core-disabled);
  --color-border-default: var(--color-core-border);
  --color-brand-border: color-mix(in oklch, var(--color-core-brand) 22%, var(--color-core-border));
  --color-brand-primary: var(--color-core-brand);
  --color-brand-subtle: color-mix(in oklch, var(--color-core-brand) 7%, var(--color-core-surface));
  --color-brand-text: color-mix(in oklch, var(--color-core-brand) 60%, var(--color-core-ink));
  --color-core-aura: oklch(72% 0.2 325);
  --color-core-border: oklch(91% 0.024 286);
  --color-core-brand: oklch(60% 0.25 286);
  --color-core-critical: oklch(58% 0.2 18);
  --color-core-danger: var(--color-core-critical);
  --color-core-disabled: oklch(72% 0.026 286);
  --color-core-glow: oklch(78% 0.16 225);
  --color-core-ink: oklch(18% 0.055 286);
  --color-core-muted: oklch(48% 0.045 286);
  --color-core-page: oklch(98% 0.018 286);
  --color-core-subtle: oklch(96% 0.026 286);
  --color-core-success: var(--color-core-glow);
  --color-core-surface: oklch(100% 0 none);
  --color-core-warning: color-mix(in oklch, var(--color-core-aura) 62%, var(--color-core-brand));
  --color-data-baseline: var(--color-core-disabled);
  --color-data-estimated: var(--color-core-warning);
  --color-data-missing: var(--color-core-border);
  --color-data-observed: var(--color-core-brand);
  --color-data-positive: var(--color-core-glow);
  --color-data-proxy: var(--color-core-muted);
  --color-data-risk: var(--color-core-critical);
  --color-disabled-text: var(--color-core-disabled);
  --color-page-neutral-trial: oklch(96% 0 none);
  --color-status-danger: var(--color-core-critical);
  --color-status-danger-bg: color-mix(in oklch, var(--color-core-critical) 7%, var(--color-core-surface));
  --color-status-info: var(--color-core-muted);
  --color-status-info-bg: var(--color-core-subtle);
  --color-status-positive: var(--color-core-glow);
  --color-status-proxy: var(--color-core-muted);
  --color-status-proxy-bg: var(--color-core-subtle);
  --color-status-success: var(--color-core-glow);
  --color-status-success-bg: color-mix(in oklch, var(--color-core-glow) 9%, var(--color-core-surface));
  --color-status-success-border: color-mix(in oklch, var(--color-core-glow) 24%, var(--color-core-border));
  --color-status-warning: var(--color-core-warning);
  --color-status-warning-bg: color-mix(in oklch, var(--color-core-warning) 8%, var(--color-core-surface));
  --color-status-warning-border: color-mix(in oklch, var(--color-core-warning) 24%, var(--color-core-border));
  --color-surface-base: var(--color-core-surface);
  --color-surface-page: var(--color-core-page);
  --color-surface-subtle: var(--color-core-subtle);
  --color-text-primary: var(--color-core-ink);
  --color-text-secondary: var(--color-core-muted);
  --dark-glass-border: color-mix(in oklch, white 18%, transparent);
  --dark-glass-panel: color-mix(in oklch, var(--color-core-ink) 82%, transparent);
  --decorative-gradient-light: linear-gradient(112deg, color-mix(in oklch, var(--color-core-glow) 10%, var(--color-core-subtle)), var(--color-core-surface) 45%, color-mix(in oklch, var(--color-core-aura) 12%, var(--color-core-page)) 72%, color-mix(in oklch, var(--color-core-brand) 8%, var(--color-core-surface)) 100%);
  --delta-down: var(--color-core-critical);
  --delta-up: var(--color-core-glow);
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-32: 32px;
  --icon-button-border: color-mix(in oklch, var(--color-core-brand) 16%, var(--color-core-border));
  --icon-button-border-hover: color-mix(in oklch, var(--color-core-brand) 32%, var(--color-core-glow));
  --icon-button-focus-ring: color-mix(in oklch, var(--color-core-brand) 32%, transparent);
  --radius-0: 0;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-full: 999px;
  --shadow-card: 0 1px 2px color-mix(in oklch, var(--color-core-ink) 6%, transparent), 0 3px 10px color-mix(in oklch, var(--color-core-ink) 5%, transparent);
  --space-10: 10px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --stage-blue: var(--color-core-brand);
  --stage-cyan: var(--color-core-glow);
  --stage-ink: oklch(98% 0.012 286);
  --stage-line: var(--dark-glass-border);
  --stage-mint: color-mix(in oklch, var(--color-core-glow) 62%, var(--color-core-brand));
  --stage-muted: color-mix(in oklch, var(--stage-ink) 72%, transparent);
  --stage-pink: var(--color-core-aura);
  --stage-violet: var(--color-core-aura);
  --surface-gradient-card: linear-gradient(135deg, var(--color-core-surface), var(--color-core-page) 48%, color-mix(in oklch, var(--color-core-glow) 8%, var(--color-core-subtle)) 100%);
  --surface-gradient-card-luminous: radial-gradient(circle at 88% 8%, color-mix(in oklch, var(--color-core-glow) 18%, transparent), transparent 42%), radial-gradient(circle at 8% 92%, color-mix(in oklch, var(--color-core-aura) 14%, transparent), transparent 38%), linear-gradient(135deg, var(--color-core-surface), var(--color-core-page) 52%, color-mix(in oklch, var(--color-core-brand) 9%, var(--color-core-surface)));
  --surface-gradient-card-strong: linear-gradient(135deg, var(--color-core-surface), color-mix(in oklch, var(--color-core-glow) 8%, var(--color-core-subtle)) 42%, color-mix(in oklch, var(--color-core-aura) 10%, var(--color-core-surface)) 72%, color-mix(in oklch, var(--color-core-brand) 12%, var(--color-core-surface)) 100%);
  --surface-gradient-light: linear-gradient(135deg, var(--color-core-subtle), var(--color-core-surface) 52%, color-mix(in oklch, var(--color-core-glow) 11%, var(--color-core-page)) 78%, color-mix(in oklch, var(--color-core-aura) 8%, var(--color-core-surface)) 100%);
  --surface-luminous-solid: color-mix(in oklch, var(--color-core-glow) 10%, var(--color-core-subtle));
  --title-accent-gradient: linear-gradient(112deg, var(--color-core-ink) 0%, var(--color-core-brand) 46%, var(--color-core-glow) 72%, var(--color-core-aura) 100%);
  --trust-verified-border: var(--color-status-success-border);
  --trust-verified-text: var(--color-status-success);
  --identity-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --identity-font-small: 0.8125rem;
  --identity-font-title: 1.625rem;
  --identity-line-tight: 1.15;
  --identity-weight-strong: 700;
  --identity-space-none: 0;
  --identity-space-2xs: 0.25rem;
  --identity-space-xs: 0.5rem;
  --identity-space-sm: 0.75rem;
  --identity-space-md: 1rem;
  --identity-space-lg: 1.25rem;
  --identity-space-page: 1.5rem;
  --identity-space-panel: 1.25rem;
  --identity-radius-sm: 0.5rem;
  --identity-radius-md: 0.75rem;
  --identity-radius-pill: 999px;
  --identity-border-width: 1px;
  --identity-focus-size: 3px;
  --identity-control-min: 2.75rem;
  --identity-screen-min: 100vh;
  --identity-shell-max: 28rem;
  --identity-shell-fluid: 100%;
  --identity-breakpoint-sm: 42rem;
}
