/* K10 Design Tokens — Auto-generated (set: default) */
/* Dark theme (base) */
:root {
  --border-accent: rgba(229, 57, 53, 0.35);
  --border: rgba(255, 255, 255, 0.14);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --track-stroke: rgba(255, 255, 255, 0.18);
  --k10-red-mid: #b02020;
  --red: #e53935;
  --k10-red-dark: #700010;
  --text: #e8e8f0;
  --text-primary: hsla(0, 0%, 100%, 1.0);
  --text-secondary: rgba(255, 255, 255, 0.69);
  --text-dim: rgba(255, 255, 255, 0.55);
  --text-muted: rgba(255, 255, 255, 0.45);
  --green: #43a047;
  --blue: #1e88e5;
  --amber: #ffb300;
  --orange: #fb8c00;
  --cyan: #00acc1;
  --purple: hsl(280, 80%, 70%);
  --bg-panel: hsla(0, 0%, 6%, 0.7);
  --bg: hsla(0, 0%, 8%, 0.90);
  --bg-elevated: #14141673;
  --bg-surface: #000000cc;
  --corner-r: 8px;
  --corner-r-sm: 5px;
  --fw-regular: 400;
  --fw-black: 800;
  --fw-bold: 700;
  --fw-semi: 600;
  --fw-medium: 500;
  --ff: sofia-pro-comp, sans-serif;
  --ff-display: "stolzl", sans-serif;
  --ff-mono: 'JetBrains Mono', 'Consolas', 'SF Mono', monospace;
  --fs-xl: 20px;
  --fs-md: 16px;
  --fs-sm: 14px;
  --fs-xs: 13px;
  --fs-lg: 18px;
  --fs-9xl: 128px;
  --fs-8xl: 96px;
  --fs-7xl: 72px;
  --fs-6xl: 60px;
  --fs-5xl: 48px;
  --fs-4xl: 36px;
  --fs-3xl: 30px;
  --fs-2xl: 24px;
  --t-fast: 180ms ease;
  --t-med: 350ms ease;
  --t-slow: 600ms ease-out;
}

/* Light theme overrides */
[data-theme="light"] {
  --border-accent: rgba(0, 0, 0, 0.20);
  --border: rgba(0, 0, 0, 0.12);
  --border-subtle: rgba(0, 0, 0, 0.06);
  --k10-red-mid: #c62828;
  --red: #d32f2f;
  --k10-red-dark: #b71c1c;
  --text: hsla(0, 0%, 10%, 1.0);
  --text-primary: hsla(0, 0%, 10%, 1.0);
  --text-secondary: rgba(0, 0, 0, 0.65);
  --text-dim: rgba(0, 0, 0, 0.50);
  --text-muted: rgba(0, 0, 0, 0.40);
  --green: #2e7d32;
  --blue: #1565c0;
  --amber: #f57f17;
  --orange: #e65100;
  --cyan: #00838f;
  --purple: #6a1b9a;
  --bg-panel: #ededf521;
  --bg: #f5f5f80f;
  --bg-elevated: rgba(255, 255, 255, 0.21);
  --bg-surface: rgba(255, 255, 255, 0.1);
}