/*
 * Safar CRM design tokens — Indigo Ledger (marketing site copy).
 * GENERATED by scripts/site_tokens.py from src/styles/tokens.css. Do not edit.
 * Dark mode is removed on purpose: safarcrm.com is always sand and indigo.
 * Source of truth: the "Safar CRM" design system (tokens.json).
 * Change values there first, then mirror them here.
 */
:root {
  color-scheme: light;

  --surface-base: #f5f1e8;
  --surface-raised: #ffffff;
  --surface-sunken: #efeae0;
  --border-subtle: #e7e1d4;
  --border-strong: #8a8272;
  --ink-strong: #161b2e;
  --ink-muted: #5e6477;
  --brand-deep: #151e45;
  --brand: #1f2a5c;
  --brand-text: #3a4a8c;
  --brand-tint: #e3e7f4;
  --accent-fill: #a87420;
  --accent-on-brand: #d9a441;
  --accent-text: #7f5613;
  --accent-tint: #f6ebd6;
  --status-confirmed: #2e6b45;
  --status-confirmed-tint: #e4f2e8;
  --status-pending: #8a4b0f;
  --status-pending-tint: #fbeedd;
  --status-blocked: #a83232;
  --status-blocked-tint: #f8e6e4;
  --focus-ring: #3a4a8c;
  --on-brand: #ffffff;
  --on-brand-muted: #c9d0ea;

  --font-sans: Manrope, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 32px;
  --space-7: 48px;

  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-lg: 0 16px 40px rgba(22, 27, 46, 0.16);
}