/* ============================================================
   TOKENS — single source of truth for color, type, spacing.
   Every other component file reads from these variables only;
   never hardcode a hex value or font name outside this file.
   ============================================================ */
:root{
  /* color — navy + orange sampled directly from BizzGrow's own logo artwork
     (see /images) so the site matches the brand kit exactly, not an
     approximation of it. */
  --ink:#0A1622;
  --navy-950:#0D1D2C;
  --navy-900:#11263A;
  --navy-800:#17324B;
  --navy-700:#1F4364;
  --paper:#F7F5F1;
  --paper-dim:#EFEBE3;
  --white:#FFFFFF;
  --orange-600:#F07800;
  --orange-500:#FF8D09;
  --orange-300:#FFB65C;
  --green:#2FB673;
  --line-dark:rgba(247,245,241,0.12);
  --line-light:rgba(10,22,34,0.10);
  --ink-soft:rgba(10,22,34,0.62);
  --paper-soft:rgba(247,245,241,0.68);

  /* elevation */
  --shadow-lg:0 24px 60px -20px rgba(8,21,39,0.35);
  --shadow-sm:0 8px 24px -12px rgba(8,21,39,0.25);

  /* shape */
  --radius:18px;
  --radius-sm:12px;

  /* type */
  --ff-display:'Sora', system-ui, sans-serif;
  --ff-body:'Inter', system-ui, sans-serif;
  --ff-mono:'IBM Plex Mono', ui-monospace, monospace;

  /* layout */
  --container:1180px;
}