/* Calenizo site tokens. Same palette and type as the app (app/tokens.css); the only file here that may hold raw colours, sizes and gradients.
   Hero iridescence (--g-iris) uses only the three logo colours: blue, yellow-green, ring green. */
@font-face{font-family:"Plus Jakarta Sans Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2-variations");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:"Plus Jakarta Sans Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2-variations");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{
  --c-ink:#17232E;--c-muted:#566574;--c-canvas:#F4F3F0;--c-surface:#FFFFFF;--c-line:#E1E0DB;--c-control:#6F7E8C;--c-mist:#ECEBE7;
  --c-primary:#0B6FA8;--c-on-primary:#FFFFFF;--c-ok:#17724F;--c-ok-bg:#E1F2EA;--c-warn-bg:#F6ECD3;--c-accent:#7F5700;
  --c-side:#0A3D2F;--c-on-side:#FFFFFF;--c-side-muted:#9DC2B4;--c-focus:#0B6FA8;
  --c-logo-blue:#2CC8FF;--c-logo-sky:#6FE0FF;--c-logo-lime:#D9F035;--c-logo-yellow:#FFD93A;--c-logo-green:#3FA27F;--c-logo-deep:#157A5C;
  --g-iris:conic-gradient(from 0deg,var(--c-logo-blue),var(--c-logo-lime),var(--c-logo-green),var(--c-logo-sky),var(--c-logo-yellow),var(--c-logo-blue));
  --g-sheen:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  --f-body:16px;--f-dense:14px;--f-title:20px;--f-head:28px;--f-display:44px;--f-display-m:32px;--f-lead:18px;
  --lh-body:1.55;--lh-tight:1.15;--w-regular:400;--w-medium:500;--w-strong:700;--w-heavy:800;
  --font:"Plus Jakarta Sans Variable","Plus Jakarta Sans",Inter,system-ui,"Segoe UI",Roboto,sans-serif;
  --r-3:8px;--r-4:10px;--r-5:12px;--r-card:16px;--r-lg:24px;--r-pill:99px;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;
  --touch:44px;--touch-primary:52px;--ring:2px;--ring-offset:2px;
  --page-max:1120px;--read-max:640px;--size-mark:32px;--size-icon:20px;--size-dot:8px;--size-chip:28px;--size-ava:36px;
  --size-mock:440px;--size-aura:520px;--size-blob:260px;--size-bar:6px;--size-cell:44px;
  --shadow-card:0 1px 2px rgba(23,35,46,.06);--shadow-pop:0 24px 56px rgba(23,35,46,.18);--shadow-btn:0 4px 10px rgba(11,111,168,.28);
  --dur-fast:120ms;--dur-base:180ms;--dur-drift:14s;--dur-loop:9s;--dur-sheen:6s;--ease:cubic-bezier(.2,0,0,1);
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms;--dur-drift:0ms;--dur-loop:0ms;--dur-sheen:0ms}}