/* HeyVox shared tokens: the website, the web app and the sign-in pages.
   Colours come from the Android app (res/values/colors.xml); status and tag
   colours are the app's own defaults (InboxActivity VmStatus and the route
   tags), so a call looks the same on the phone, the desk and the website.
   site.css carries the same brand values for the public pages. */

@font-face{font-family:Sora;src:url(/assets/fonts/sora-var.woff2) format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter-600.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter-700.woff2) format("woff2");font-weight:700 900;font-display:swap}

:root{
  /* brand */
  --bg:#F4FAF8; --surface:#FFFFFF; --surface-2:#F8FBFA; --line:#DCE8E5; --line-2:#C9DCD7;
  --ink:#10201D; --body:#3F5A55; --muted:#56706B;
  --teal:#0A7B6C; --teal-dark:#075E53; --teal-deep:#063F38; --teal-mid:#2BA898;
  --teal-light:#E6F4F1; --teal-soft:#E1F5EE; --teal-border:#9FE1CB;
  --coral:#E8593C; --coral-text:#C8452A; --coral-light:#FBE8E3; --coral-border:#F5C4B3;
  --gold:#7A5B12; --gold-light:#F7EED4; --danger:#B42318;

  /* call statuses: the app's defaults; *-ink variants pass 4.5:1 on their tint */
  --st-new:#5B9BD5;      --st-new-ink:#3A6A97;
  --st-progress:#D4860A; --st-progress-ink:#8A5606;
  --st-waiting:#7B4FA8;  --st-waiting-ink:#6A4392;
  --st-done:#2E9E6B;     --st-done-ink:#1F7550;
  --urgent:#D85A30;      --urgent-ink:#A9431F;
  --reminder:#BA7517;    --reminder-ink:#8A560F;

  /* receptionist tags: the app's route-tag defaults */
  --tag-bookings:#0A7B6C; --tag-faq:#5B9BD5; --tag-ai:#7B4FA8; --tag-enquiry:#D4860A;
  --tag-existing:#2E9E6B; --tag-emergency:#E8593C; --tag-missed:#546E7A;

  /* shape */
  --r-chip:4px; --r-sm:8px; --r-btn:12px; --r-card:16px; --r-sheet:20px; --r-pill:100px;
  /* elevation: cards are flat; only floating layers lift */
  --lift:0 24px 48px -24px rgba(7,40,35,.28),0 8px 18px -10px rgba(7,40,35,.18);
  --pop:0 12px 32px -12px rgba(7,40,35,.30),0 0 0 1px rgba(7,40,35,.06);
  /* motion */
  --ease:cubic-bezier(.2,0,0,1); --ease-in:cubic-bezier(.05,.7,.1,1);
  --t-fast:.16s; --t-med:.28s;
  /* space: a 4px scale */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px;
  --focus:0 0 0 3px rgba(10,123,108,.28);
  --font-ui:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:Sora,Inter,system-ui,sans-serif;
}