/* ============================================================
   Super Fix — design tokens
   Vibrant + high-contrast, tuned for legibility (many customers 60+).
   ============================================================ */
:root{
  /* Brand palette */
  --sf-blue:      #1466FF;   /* electric blue — primary */
  --sf-blue-700:  #0D4FCC;   /* hover / darker */
  --sf-blue-050:  #EAF1FF;   /* tint surface */
  --sf-yellow:    #FFC400;   /* super yellow — energy / highlights */
  --sf-yellow-050:#FFF6D6;
  --sf-coral:     #FF4D3D;   /* coral — primary CTA */
  --sf-coral-700: #E63A2B;
  --sf-navy:      #0B1B3A;   /* ink / deep surfaces */

  /* Neutrals */
  --ink:      #0B1B3A;       /* body text — ~14:1 on white */
  --ink-soft: #33425C;       /* secondary text — still AA */
  --muted:    #5A6B85;
  --line:     #E2E8F2;
  --surface:  #FFFFFF;
  --surface-2:#F4F7FB;       /* soft page sections */
  --surface-3:#EAF1FF;

  /* Feedback */
  --ok:   #1AA260;
  --ok-050:#E6F6EE;
  --warn: #C4770A;

  /* Typography */
  --font-head: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-base: 18px;           /* generous base for readability */
  --lh-base: 1.6;

  /* Radius — rounded, friendly */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* Shadows — soft, elevated */
  --sh-sm: 0 2px 8px rgba(11,27,58,.06);
  --sh-md: 0 8px 24px rgba(11,27,58,.10);
  --sh-lg: 0 20px 50px rgba(11,27,58,.16);
  --sh-blue: 0 12px 30px rgba(20,102,255,.28);
  --sh-coral:0 12px 30px rgba(255,77,61,.30);

  /* Layout */
  --container: 1160px;
  --gap: 24px;
}