/*
 * variables.css — Design tokens.
 * Single source of truth for every color, font, and spacing value.
 * Change here → entire site updates.
 */

:root {
  /* Accent — dark green. Used for links, active states, buttons. */
  --accent: #15803d;
  --accent-h: #166534;
  --accent-bg: #f0fdf4;

  /* Text — three tiers. */
  --text: #111827;     /* headings, body, strong emphasis */
  --text-2: #374151;   /* secondary body, descriptions */
  --text-3: #6b7280;   /* labels, muted, placeholders */

  /* Surfaces */
  --bg: #f9fafb;       /* page background */
  --white: #ffffff;     /* cards, header, inputs */

  /* Borders */
  --border: #d1d5db;   /* prominent borders (header, card, input) */
  --border-l: #e5e7eb; /* light separators (steps, sections) */

  /* Typography */
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* Layout */
  --max: 1200px;       /* max content width */
}