/* Klarola design tokens. CANONICAL SOURCE.
   klarola/static/css/tokens.css is a generated copy. After editing this file run
   `python scripts/sync_tokens.py` (the pre-commit hook does it automatically).
   Do not edit the copy directly. */
:root {
  /* Brand */
  --mint: #6ee7d8;
  --blue: #2563eb;
  --navy: #1e3a8a;
  --white: #ffffff;

  /* Surfaces */
  --bg: #f6f8fc;
  --bg-alt: #edf1f9;
  --bg-dark: #101a33;
  --surface: #ffffff;

  /* Ink */
  --ink: #101a33;
  --ink-soft: #4c5875;
  --ink-faint: #7c88a6;
  --ink-on-dark: rgba(255, 255, 255, 0.86);
  --ink-on-dark-soft: rgba(255, 255, 255, 0.64);

  /* Lines */
  --border: #dde4f2;
  --border-dark: rgba(255, 255, 255, 0.14);

  /* Status */
  --ok: #279c86;
  --ok-bg: #e3f6f1;
  --warn: #cf4a5c;
  --warn-bg: #fbeaec;

  /* Flat accent washes, no gradient fills anywhere */
  --accent-tint: rgba(37, 99, 235, 0.1);
  --mint-tint: rgba(110, 231, 216, 0.18);

  /* Type, faces unchanged */
  --font-hero: 'Playpen Sans', 'Baloo 2', 'Quicksand', sans-serif;
  --font-heading: 'Baloo 2', 'Quicksand', sans-serif;
  --font-body: 'Quicksand', system-ui, -apple-system, sans-serif;
  --font-mono: 'SUSE Mono', 'Consolas', 'Courier New', monospace;

  /* Radius, tightened; the pill stays as the one soft signature */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* Shadow, one flat soft family */
  --shadow-sm: 0 1px 2px rgba(16, 26, 51, 0.06), 0 1px 1px rgba(16, 26, 51, 0.04);
  --shadow-md: 0 4px 12px rgba(16, 26, 51, 0.08);
  --shadow-lg: 0 12px 28px rgba(16, 26, 51, 0.12);

  --container-width: 1180px;
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
}