/* ============================================================
   00-tokens.less
   Workspace/GM3-ish tokens: kleur, type, spacing, radius, focus
   ============================================================ */
:root {
  /* --- Typography --- */
  --font-ui: "Google Sans Text", "Google Sans", Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --lh-tight: 1.25;
  --lh-base: 1.5;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-700: 700;
  /* --- Spacing (8dp grid) --- */
  --s-0: 0px;
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-5: 40px;
  --s-6: 48px;
  --s-7: 56px;
  --s-8: 64px;
  --s-9: 72px;
  --s-10: 80px;
  --s-11: 88px;
  --s-12: 96px;
  /* --- Shape --- */
  --r-8: 8px;
  --r-12: 12px;
  --r-16: 16px;
  --r-20: 20px;
  --r-24: 24px;
  --r-pill: 999px;
  /* --- Colors (GM3-ish, tuned for Workspace look) --- */
  --c-primary: #0159a5;
  --c-on-primary: #ffffff;
  --c-text: #111217;
  --c-text-2: #1c1d25;
  --c-surface: #ffffff;
  --c-surface-2: #ebf4fb;
  --c-outline: rgba(0, 0, 0, 0.12);
  --c-outline-strong: rgba(0, 0, 0, 0.18);
  --c-divider: rgba(0, 0, 0, 0.08);
  --c-danger: #b3261e;
  --c-success: #1e8e3e;
  --c-warning: #b06000;
  /* --- Elevation (subtle) --- */
  --e-0: none;
  --e-1: 0 1px 2px rgba(0, 0, 0, 0.06);
  --e-2: 0 2px 8px rgba(0, 0, 0, 0.08);
  --e-3: 0 6px 18px rgba(0, 0, 0, 0.1);
  /* --- Focus ring --- */
  --focus-ring: 0 0 0 3px rgba(11, 87, 208, 0.25);
  --focus-border: #00306d;
  /* --- Motion --- */
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --dur-1: 120ms;
  --dur-2: 180ms;
  --dur-3: 240ms;
  /* --- Layout constants --- */
  --topbar-h: 64px;
  --rail-w: 88px;
  --inspector-w: 420px;
  --content-max: 1200px;
}