/* AUTO-GENERATED from src/styles/tokens.css — run: npm run sync:tokens */
:root {
  color-scheme: dark;
  --hue-ink: 268;
  --hue-accent: 58;
  --hue-excellent: 155;
  --hue-good: 75;
  --hue-fair: 55;
  --hue-poor: 25;
  --hue-dev: 85;
  --chroma-neutral: 0.028;
  --chroma-accent: 0.14;

  --color-bg: oklch(0.09 var(--chroma-neutral) var(--hue-ink));
  --color-surface: oklch(0.17 calc(var(--chroma-neutral) + 0.006) var(--hue-ink));
  --color-surface-inset: oklch(0.11 calc(var(--chroma-neutral) + 0.002) var(--hue-ink));
  --color-surface-hover: oklch(0.21 calc(var(--chroma-neutral) + 0.01) var(--hue-ink));
  --color-surface-raised: oklch(0.21 calc(var(--chroma-neutral) + 0.01) var(--hue-ink));
  --color-border: oklch(0.29 calc(var(--chroma-neutral) + 0.014) var(--hue-ink));
  --color-border-accent: oklch(0.42 0.06 var(--hue-accent));
  --color-text: oklch(0.94 0.012 var(--hue-ink));
  --color-text-secondary: oklch(0.81 var(--chroma-neutral) var(--hue-ink));
  --color-text-muted: oklch(0.63 calc(var(--chroma-neutral) + 0.004) var(--hue-ink));
  --color-accent: oklch(0.82 var(--chroma-accent) var(--hue-accent));
  --color-accent-strong: oklch(0.74 0.17 var(--hue-accent));
  --color-accent-on: oklch(0.12 0.04 var(--hue-ink));
  --color-accent-glow: oklch(0.82 var(--chroma-accent) var(--hue-accent) / 0.2);
  --color-accent-glow-strong: oklch(0.82 var(--chroma-accent) var(--hue-accent) / 0.25);
  --color-success: oklch(0.74 0.13 152);
  --color-success-subtle: oklch(0.14 0.04 152);
  --color-warning: oklch(0.8 0.14 72);
  --color-critical: oklch(0.66 0.19 28);
  --color-info: oklch(0.74 0.09 235);
  --color-pro: oklch(0.72 0.12 235);
  --color-enterprise: oklch(0.72 0.12 295);

  --color-scrim: oklch(0.05 0.02 var(--hue-ink) / 0.55);
  --color-scrim-heavy: oklch(0.05 0.02 var(--hue-ink) / 0.65);
  --color-shadow-ink: oklch(0.05 0.02 var(--hue-ink) / 0.45);
  --color-shadow-ink-strong: oklch(0.05 0.02 var(--hue-ink) / 0.55);
  --color-shadow-ink-modal: oklch(0.05 0.02 var(--hue-ink) / 0.5);
  --color-header-scrim: oklch(0.09 var(--chroma-neutral) var(--hue-ink) / 0.85);
  --color-overlay-dim: oklch(0.06 0.02 var(--hue-ink) / 0.55);
  --color-hero-glow-ink: oklch(0.25 0.08 var(--hue-ink) / 0.45);
  --color-hero-glow-accent: oklch(0.2 0.06 var(--hue-accent) / 0.12);

  --color-ring-excellent: var(--color-success);
  --color-ring-strong: var(--color-accent);
  --color-ring-good: oklch(0.72 0.12 var(--hue-good));
  --color-ring-fair: oklch(0.7 0.1 var(--hue-fair));
  --color-ring-poor: var(--color-critical);

  --color-tier-excellent-border: oklch(0.55 0.1 var(--hue-excellent));
  --color-tier-good-border: oklch(0.62 0.1 var(--hue-good));
  --color-tier-fair-border: oklch(0.58 0.08 var(--hue-fair));
  --color-tier-poor-border: oklch(0.55 0.12 var(--hue-poor));
  --color-tier-good-fg: oklch(0.82 0.1 var(--hue-good));
  --color-tier-fair-fg: oklch(0.8 0.08 var(--hue-fair));
  --color-tier-excellent-bg: oklch(0.28 0.08 var(--hue-excellent));
  --color-tier-excellent-fg: oklch(0.85 0.1 var(--hue-excellent));
  --color-tier-strong-bg: oklch(0.22 0.07 var(--hue-accent));
  --color-tier-strong-fg: oklch(0.9 0.12 var(--hue-accent));
  --color-tier-good-bg: oklch(0.3 0.08 var(--hue-good));
  --color-tier-good-fg-on-bg: oklch(0.88 0.1 var(--hue-good));
  --color-tier-fair-bg: oklch(0.28 0.07 var(--hue-fair));
  --color-tier-fair-fg-on-bg: oklch(0.86 0.08 var(--hue-fair));
  --color-tier-poor-bg: oklch(0.24 0.08 var(--hue-poor));
  --color-tier-poor-fg: oklch(0.82 0.1 var(--hue-poor));

  --color-badge-critical-bg: var(--color-tier-poor-bg);
  --color-badge-critical-fg: oklch(0.88 0.1 var(--hue-poor));
  --color-badge-warning-bg: var(--color-tier-good-bg);
  --color-badge-warning-fg: oklch(0.92 0.1 var(--hue-good));
  --color-badge-info-bg: oklch(0.26 0.06 230);
  --color-badge-info-fg: oklch(0.88 0.08 230);

  --color-dev-bg: oklch(0.24 0.04 var(--hue-dev));
  --color-dev-border: oklch(0.45 0.08 var(--hue-dev));
  --color-dev-fg: oklch(0.9 0.03 var(--hue-dev));
  --color-error-bg: oklch(0.22 0.06 var(--hue-poor));
  --color-error-fg: oklch(0.88 0.04 var(--hue-poor));

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}
