/* Brand tokens — single source of truth for colors, spacing, type.
   Brand: blue + leaf green, kept calm and simple. */
:root {
  /* Brand */
  --blue: #1d6fb8;
  --blue-deep: #14517f;
  --blue-soft: #e8f1f9;
  --leaf: #4f9d5d;
  --leaf-deep: #3a7a46;
  --leaf-soft: #eaf5ec;

  /* Surfaces & ink */
  --surface: #ffffff;
  --surface-2: #f5f7f9;
  --surface-3: #eceff2;
  --ink: #1c2733;
  --ink-soft: #5a6878;
  --ink-faint: #8a96a3;
  --line: #d9dfe5;

  /* Feedback */
  --error: #b3372f;
  --error-soft: #faeceb;
  --warn: #9a6b15;
  --warn-soft: #faf3e2;
  --ok: var(--leaf-deep);
  --ok-soft: var(--leaf-soft);

  /* Type */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;

  /* Shape & spacing */
  --radius: 8px;
  --radius-lg: 14px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  --shadow: 0 1px 3px rgba(28, 39, 51, 0.12);
  --sidebar-width: 280px;
  --header-height: 56px;
}