/* Flaik design tokens — Direction 02 Bold. Light surface, brand pink #e72f58.
   Source: tokens.css from the Claude Design bundle (project 019dddc4).
   The only place hex/radius/shadow values live; flaik-skin.css references var(--…). */
:root {
  --flaik-pink: #e72f58;
  --flaik-pink-50: #fff1f4;
  --flaik-pink-100: #ffe0e8;
  --flaik-pink-600: #d8264f;
  --flaik-pink-700: #b81d40;

  --ink-0: #ffffff;
  --ink-50: #fafaf9;
  --ink-100: #f5f4f1;
  --ink-150: #efedea;
  --ink-200: #e7e5e0;
  --ink-300: #d4d2cd;
  --ink-400: #a8a6a1;
  --ink-500: #6f6d68;
  --ink-600: #4a4945;
  --ink-700: #2a2926;
  --ink-800: #15141a;
  --ink-900: #0a090c;

  --tint-cream: #faf6ee;
  --tint-blush: #fdf3f1;
  --tint-mist:  #f3f5f6;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  --shadow-xs: 0 1px 2px rgba(15,15,20,0.04), 0 0 0 1px rgba(15,15,20,0.04);
  --shadow-sm: 0 2px 6px rgba(15,15,20,0.05), 0 0 0 1px rgba(15,15,20,0.05);
  --shadow-md: 0 8px 24px -8px rgba(15,15,20,0.1), 0 0 0 1px rgba(15,15,20,0.05);
  --shadow-lg: 0 24px 60px -20px rgba(15,15,20,0.18), 0 0 0 1px rgba(15,15,20,0.05);

  --font-display: 'Inter Tight', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Status dots (job lifecycle) */
  --status-running: #f5a524;
  --status-done:    #1f9d55;
  --status-review:  #6b6b6b;
  --status-failed:  var(--flaik-pink);

  /* Layout constants */
  --max-width: 1320px;
  --gutter:    40px;
}