:root {
  /* === Colors — PLACEHOLDER, approximated from client logo (green/gold bank palette). === */
  /* Real tokens come from DESIGN.md at Gate 2.5 — do not treat these as final brand colors. */
  --color-primary: #1B5E20;
  --color-primary-hover: #154D19;
  --color-secondary: #F9A825;
  --color-secondary-hover: #E09400;
  --color-surface: #FAFAF8;
  --color-surface-alt: #F0F4EF;
  --color-card-bg: #FFFFFF;
  --color-text: #1A1D18;
  --color-text-muted: #5C6459;
  --color-text-light: #8A9184;
  --color-border: #E1E5DD;
  --color-border-strong: #C7CFC0;
  --color-dark: #17231A;
  --color-on-dark: #FFFFFF;
  --color-on-dark-muted: #B7C2B2;
  --color-success: #2f9e56;
  --color-error: #c23b2f;

  /* === Typography === */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* === Spacing === */
  --spacing-unit: 1.5rem;
  --spacing-section: 4.5rem;
  --spacing-section-mobile: 3rem;
  --max-width: 1280px;
  --side-pad: 2.5rem;
  --side-pad-mobile: 1.25rem;
  --header-height: 72px;

  /* === Borders & Shadows === */
  --radius-sm: 8px;
  --radius-card: 16px;
  --radius-pill: 100px;
  --shadow-card: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-hover: 0 8px 24px rgba(0,0,0,0.1);
}