/* ------------------------------------------------------------------
   OpositaSanitat — brand tokens. EVERY colour, radius and font used by the
   site is declared here and nowhere else, so the whole palette can be
   retuned from this one file without touching a component.
   Family: clinical teal + warm orange accent, on a cool light-grey page.
   ------------------------------------------------------------------ */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;
  src:url(/fonts/inter-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:'Inter';font-style:normal;font-weight:400 900;font-display:swap;
  src:url(/fonts/inter-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}

:root {
  /* brand — teal */
  --brand:        #0E7C7B;
  --brand-hover:  #0B6363;
  --brand-deep:   #0B6363;
  --brand-bright: #12A594;
  --brand-soft:   rgba(14,124,123,.08);
  --brand-line:   rgba(14,124,123,.25);

  /* accent — orange, reserved for the primary action and the live numbers */
  --accent:       #EF8A3C;
  --accent-hover: #E07B2C;
  --accent-soft:  #FDF0E4;
  --accent-ink:   #9A5312;

  --olive:        #0E7C7B;   /* "verified / official" note, now in family */
  --olive-soft:   rgba(14,124,123,.07);

  /* neutrals */
  --ink:          #1F2A33;
  --ink-2:        #34464F;
  --ink-3:        #5B6B76;
  --line:         #E4EAEE;
  --line-2:       #EDF1F4;
  --bg:           #F6F8FA;
  --sand:         #FFFFFF;   /* alternating band, now plain white */
  --sand-2:       #EEF3F6;
  --white:        #FFFFFF;

  --ok:           #10796A;
  --ok-soft:      #E4F4F0;
  --bad:          #B4291F;
  --bad-soft:     #FBE6E4;

  /* type */
  --font-display: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, monospace;

  /* shape */
  --r-sm: 10px;
  --r:    14px;
  --r-lg: 16px;
  --r-pill: 999px;
  --shadow:    0 10px 30px -12px rgba(15,42,51,.14);
  --shadow-lg: 0 24px 60px -20px rgba(15,42,51,.22);
  --wrap: 1160px;
  --hdr-h: 72px;
}