/* ============================================================
   APOLLO — design tokens
   "Alpine Clinical": Apple HIG structure, Apollo red, granite dark.
   ============================================================ */

/* ---- self-hosted faces (no third-party requests; see _headers CSP) ---- */
@font-face{font-family:'Geist';font-style:normal;font-weight:400 700;font-display:swap;src:url(../assets/fonts/geist-normal-400-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Geist';font-style:normal;font-weight:400 700;font-display:swap;src:url(../assets/fonts/geist-normal-400-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(../assets/fonts/geist-mono-normal-400-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(../assets/fonts/geist-mono-normal-400-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../assets/fonts/instrument-serif-italic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/instrument-serif-normal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  /* type */
  --ff:'Geist',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;
  --ff-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ff-serif:'Instrument Serif',Georgia,serif;

  /* Apple type ramp */
  --t-large:  700 2.05rem/1.14 var(--ff);
  --t-title1: 700 1.5rem/1.2 var(--ff);
  --t-title2: 650 1.235rem/1.25 var(--ff);
  --t-title3: 600 1.09rem/1.3 var(--ff);
  --t-head:   600 1rem/1.32 var(--ff);
  --t-body:   400 1rem/1.42 var(--ff);
  --t-callout:400 .9375rem/1.4 var(--ff);
  --t-sub:    400 .875rem/1.4 var(--ff);
  --t-foot:   400 .8125rem/1.38 var(--ff);
  --t-cap:    500 .75rem/1.33 var(--ff);
  --t-cap2:   600 .6875rem/1.3 var(--ff);

  /* brand — pulled from the live myapolloperformance.com palette */
  --apollo:      #E8323F;
  --apollo-deep: #A81825;
  --apollo-soft: #FF6B73;

  /* Apple system semantics, tuned for the granite base */
  --blue:#3E9BFF; --green:#34C759; --amber:#FF9F0A; --red:#FF453A;
  --teal:#5AC8FA; --indigo:#7D7AFF; --pink:#FF6482;

  /* motion — iOS spring feel */
  --e-out:cubic-bezier(.32,.72,0,1);
  --e-in-out:cubic-bezier(.65,0,.35,1);
  --e-spring:cubic-bezier(.34,1.56,.64,1);
  --d-fast:.18s; --d:.28s; --d-slow:.44s;

  /* geometry */
  --r-sm:10px; --r:14px; --r-lg:20px; --r-xl:28px; --r-full:999px;
  --gut:16px;
  --hair:.5px;
}

/* ---------------- DARK (default) ---------------- */
:root,
:root[data-theme="dark"]{
  --bg:            #08090B;
  --bg-grouped:    #0C0E11;
  --surface:       #14171C;
  --surface-2:     #1B1F26;
  --surface-3:     #232833;
  --surface-glass: rgba(20,23,28,.72);
  --chrome:        rgba(8,9,11,.68);

  --ink:      #F2F4F7;
  --ink-2:    #A6AFBC;
  --ink-3:    #6E7885;
  --ink-4:    #454C57;

  --line:     rgba(255,255,255,.09);
  --line-2:   rgba(255,255,255,.055);
  --fill:     rgba(120,132,150,.18);
  --fill-2:   rgba(120,132,150,.12);

  --shadow-1: 0 1px 2px rgba(0,0,0,.5);
  --shadow-2: 0 8px 28px rgba(0,0,0,.55);
  --shadow-3: 0 24px 64px rgba(0,0,0,.66);
  --tint:     var(--apollo);
  --on-tint:  #fff;
  --scrim:    rgba(0,0,0,.62);
  --sk:       rgba(255,255,255,.055);
}

/* ---------------- LIGHT ---------------- */
:root[data-theme="light"]{
  --bg:            #FFFFFF;
  --bg-grouped:    #F4F5F7;
  --surface:       #FFFFFF;
  --surface-2:     #F4F5F7;
  --surface-3:     #E9EBEF;
  --surface-glass: rgba(255,255,255,.76);
  --chrome:        rgba(248,249,251,.74);

  --ink:      #0B0D10;
  --ink-2:    #5B646F;
  --ink-3:    #8A929C;
  --ink-4:    #B4BAC3;

  --line:     rgba(0,0,0,.1);
  --line-2:   rgba(0,0,0,.06);
  --fill:     rgba(118,128,144,.13);
  --fill-2:   rgba(118,128,144,.08);

  --shadow-1: 0 1px 2px rgba(16,20,28,.07);
  --shadow-2: 0 6px 24px rgba(16,20,28,.1);
  --shadow-3: 0 20px 56px rgba(16,20,28,.16);
  --tint:     var(--apollo-deep);
  --on-tint:  #fff;
  --scrim:    rgba(20,24,30,.4);
  --sk:       rgba(0,0,0,.05);

  --blue:#0A72E8; --green:#1E9E42; --amber:#C97A05; --red:#D62330;
  --teal:#0699C7; --indigo:#5B57E0; --pink:#D6395B;
}