:root {
  /* colour — brand */
  --blue:      #0183C3;
  --blue-dark: #0167A0;
  --blue-tint: rgba(1,131,195,0.08);
  --blue-ring: rgba(1,131,195,0.15);
  --green:     #14A06A;
  --amber:     #F5A623;
  --red:       #E53E3E;
  --ink:       #0B0F14;

  /* colour — neutrals */
  --text-dark:   #374151;
  --text-muted:  #6B7280;
  --text-faint:  #9CA3AF;
  --surface:        #FFFFFF;
  --surface-raised: #F8FAFC;
  --surface-sunken: #F1F5F9;
  --border:      #E5E7EB;
  --border-dark: #D1D5DB;

  /* typography */
  --font-display: 'Schibsted Grotesk', sans-serif;
  --font-body:    'Hanken Grotesk', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* radius */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* shadows */
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:    0 4px 20px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.05);
  --shadow-focus: 0 0 0 3px rgba(1,131,195,0.18), 0 4px 16px rgba(1,131,195,0.22);

  /* motion */
  --ease:          cubic-bezier(0.22,1,0.36,1);
  --duration-fast: 140ms;
  --duration-base: 220ms;
  --duration-slow: 360ms;

  /* layout */
  --nav-height:      72px;
  --container-width: 1200px;
}