/* Bouwmanager Pro — Design Tokens */
:root {
  /* Ink blue (primary) — industrial but clean */
  --ink-950: #0b1420;
  --ink-900: #0f1b2d;
  --ink-800: #152740;
  --ink-700: #1e3458;
  --ink-600: #2b4872;
  --ink-500: #4a6691;
  --ink-400: #7e93b3;
  --ink-300: #b4c1d4;
  --ink-200: #dde3ed;
  --ink-100: #eef1f6;
  --ink-50:  #f6f8fb;

  /* Warm neutrals for surfaces (construction feel) */
  --paper: #fbfaf7;
  --paper-2: #f4f2ec;
  --line: #e4e1d9;
  --line-strong: #c9c4b8;

  /* Amber — CTA / warning / construction safety */
  --amber-600: #b86e00;
  --amber-500: #e08400;
  --amber-400: #f59e0b;
  --amber-100: #fde7c2;
  --amber-50:  #fef6e6;

  /* Signal colors */
  --ok: #1e7a4d;
  --ok-bg: #e3f2ea;
  --err: #b3261e;
  --err-bg: #fde4e1;
  --warn: #b45309;
  --warn-bg: #fef3c7;
  --info: #1e57a3;
  --info-bg: #e3eef8;

  --text: #141a23;
  --text-2: #4a5361;
  --text-3: #7d8592;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --shadow-sm: 0 1px 2px rgba(15,27,45,0.06);
  --shadow: 0 1px 3px rgba(15,27,45,0.08), 0 6px 18px rgba(15,27,45,0.06);
  --shadow-lg: 0 8px 24px rgba(15,27,45,0.10), 0 24px 60px rgba(15,27,45,0.10);

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

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: var(--font-sans); color: var(--text); -webkit-font-smoothing: antialiased; }
body { background: var(--paper-2); }
button { font-family: inherit; }