/* HEAR theme tokens — modern, minimal.
 * One accent (AmComfort red), navy for headings, near-black body text,
 * white + one light-gray surface. Restraint over decoration.
 */

:root {
  /* Brand */
  --red:        #C8102E;   /* AmComfort red — the single accent */
  --red-dark:   #A50D26;
  --navy:       #15263F;   /* headings */
  --navy-soft:  #2A3B57;

  /* Neutrals */
  --ink:        #16181D;   /* body text — high contrast */
  --ink-2:      #525964;   /* secondary text */
  --ink-3:      #8A909B;   /* muted/meta */
  --bg:         #FFFFFF;
  --bg-2:       #F6F7F9;   /* alt section */
  --line:       #E6E8EC;
  --line-2:     #D3D7DD;

  /* Accent tints (used sparingly) */
  --red-tint:   #FCEEF0;
  --green:      #1F8A55;   /* "approved/eligible" success only */
  --green-tint: #E9F5EF;

  /* Effects */
  --shadow:     0 1px 2px rgba(20,38,63,.05);
  --shadow-md:  0 14px 34px rgba(20,38,63,.09);
  --radius:     10px;
  --radius-sm:  8px;
  --radius-lg:  14px;

  /* Type */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Layout */
  --container: 1120px;
  --narrow: 760px;
  --header-h: 66px;

  /* Space */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

  --ease: cubic-bezier(.22,.61,.36,1);
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');