/* DigiRadar design tokens — single source of truth for color, spacing, radius, shadow. */

:root {
  /* Colors are defined in OKLCH: perceptually uniform lightness/chroma, so
     tints/shades derived with color-mix() stay consistent across the palette. */

  /* ---- Ink scale (dark surfaces) ---- */
  --ink: oklch(13.8% 0.023 272.7); /* was #060812 */
  --ink-2: oklch(18.6% 0.034 269.8); /* was #0d1222 */
  --panel: oklch(21.0% 0.032 264.7); /* was #111827 */

  /* ---- Neutral / paper ---- */
  --paper: oklch(97.8% 0.005 247.9); /* was #f5f8fb */
  --white: oklch(100% 0 0);
  --card: var(--white);
  --muted: oklch(55.4% 0.041 257.4); /* was #64748b */
  --soft: oklch(90.9% 0.02 252.9); /* was #d8e2ee */

  /* ---- Lines (derived via color-mix, no separate rgba literals to maintain) ---- */
  --line: color-mix(in oklch, oklch(71.1% 0.035 256.8) 20%, transparent);
  --line-strong: color-mix(in oklch, var(--cyan) 32%, transparent);

  /* ---- Glass-surface pattern (dark sections): recurring "translucent card on dark bg"
     look shared by hero-intel-card, signal-card, admin-sidebar, button-dark, etc. ---- */
  --surface-1: color-mix(in oklch, white 4%, transparent);
  --surface-2: color-mix(in oklch, white 6%, transparent);
  --surface-3: color-mix(in oklch, white 8%, transparent);
  --surface-4: color-mix(in oklch, white 10%, transparent);
  --surface-border: color-mix(in oklch, white 10%, transparent);
  --surface-border-strong: color-mix(in oklch, white 16%, transparent);
  --text-on-dark: color-mix(in oklch, white 68%, transparent);
  --text-on-dark-muted: color-mix(in oklch, white 58%, transparent);

  /* ---- Brand / accents ---- */
  --blue: oklch(58.1% 0.229 263.9); /* was #2f6bff */
  --cyan: oklch(79.7% 0.134 211.5); /* was #22d3ee */
  --green: oklch(72.3% 0.192 149.6); /* was #22c55e */
  --violet: oklch(60.6% 0.219 292.7); /* was #8b5cf6 */
  --rose: oklch(71.9% 0.169 13.4); /* was #fb7185 */
  --amber: oklch(76.9% 0.165 70.1); /* was #f59e0b */
  --red: oklch(63.7% 0.208 25.3); /* was #ef4444 */

  /* ---- Semantic aliases ---- */
  --success: var(--green);
  --warning: var(--amber);
  --danger: var(--red);
  --info: var(--cyan);

  /* ---- Radius scale ---- */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* ---- Spacing scale (4px base) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* ---- Shadows ---- */
  --shadow-sm: 0 10px 28px oklch(20.8% 0.04 265.8 / 5%);
  --shadow-md: 0 18px 44px oklch(12.9% 0.041 264.7 / 16%);
  --shadow: 0 24px 70px oklch(12.9% 0.041 264.7 / 18%);

  /* ---- Typography ---- */
  --font-sans:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  font-family: var(--font-sans);
}