/* ============================================
   Kohlisys — Design tokens
   Mirror of the static design system. Override
   here to retheme without touching components.
   ============================================ */

:root {
  /* —— Color tokens —— */
  --ink-900: #0B1020;
  --ink-800: #121833;
  --ink-700: #1B2348;
  --ink-600: #2A335F;
  --ink-500: #4A557F;
  --ink-400: #7A85A8;
  --ink-300: #B5BCD0;
  --ink-200: #DDE1EC;
  --ink-100: #EEF1F7;
  --ink-50:  #F6F8FC;

  --paper:   #FBFAF6;
  --paper-2: #F2EFE6;
  --white:   #FFFFFF;

  --brand-700: #1B2A6F;
  --brand-600: #2740A8;
  --brand-500: #3556D8;
  --brand-400: #6E86F2;
  --brand-200: #C9D2F9;
  --brand-100: #E6EBFD;

  --accent-coral: #E84E1F;
  --accent-coral-700: #B83910;
  --accent-coral-100: #FDE6DC;

  --signal-green: #0E8A4A;
  --signal-amber: #D69220;

  /* —— Spacing scale —— */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-11: 160px;

  /* —— Radii —— */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* —— Type —— */
  --font-display: 'Schibsted Grotesk', system-ui, sans-serif;
  --font-body: 'Geist', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* —— Shadows —— */
  --shadow-sm: 0 1px 2px rgba(11, 16, 32, 0.04), 0 1px 1px rgba(11, 16, 32, 0.03);
  --shadow-md: 0 4px 14px rgba(11, 16, 32, 0.06), 0 1px 3px rgba(11, 16, 32, 0.04);
  --shadow-lg: 0 24px 60px rgba(11, 16, 32, 0.10), 0 8px 24px rgba(11, 16, 32, 0.06);

  /* —— Layout —— */
  --container: 1280px;
  --gutter: 32px;
}