/* Kokua 1.1. The wordmark is artwork, never CSS tracking. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/woff2/Manrope-500.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/woff2/Manrope-600.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/woff2/DMSans-400.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/woff2/DMSans-500.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/woff2/DMSans-600.woff2") format("woff2")}
:root{
  --kokua-brand-blue:#00A2FF;
  --kokua-paper:#F7F6F2;
  --kokua-ink:#202B33;
  --kokua-mist:#D9EFFC;
  --kokua-butter:#FAEFC7;
  --kokua-deep-blue:#006DA8;
  --kokua-text-secondary:#56636D;
  --kokua-night:#191919;
  --kokua-dark-surface:#272727;
  --kokua-dark-text:#FFFFFF;
  --kokua-heading:"Manrope",system-ui,sans-serif;
  --kokua-body:"DM Sans",system-ui,sans-serif;
  --kokua-space:8px;
  --kokua-card-radius:24px;
  --kokua-control-radius:14px;
  --kokua-shadow:0 8px 28px rgb(32 43 51 / 8%);
  --kokua-canvas:var(--kokua-paper);--kokua-surface:#fff;--kokua-text:var(--kokua-ink);--kokua-muted:var(--kokua-text-secondary);--kokua-link:var(--kokua-deep-blue);
}
[data-theme="dark"]{--kokua-canvas:var(--kokua-night);--kokua-surface:var(--kokua-dark-surface);--kokua-text:#fff;--kokua-muted:#C1CCD2;--kokua-link:var(--kokua-brand-blue)}
@supports(color:color(display-p3 0 0 0)){:root{--kokua-brand-blue-p3:color(display-p3 0 0.6352941176 1)}[data-theme="dark"]{--kokua-brand-blue-p3:color(display-p3 0 0.639 1)}}
/* Opt in to --kokua-brand-blue-p3 only in color-managed surfaces. SVG/PNG assets are sRGB. */
.kokua-button{min-height:44px;padding:12px 20px;border:0;border-radius:var(--kokua-control-radius);background:var(--kokua-brand-blue);color:var(--kokua-ink);font:500 1rem var(--kokua-body);cursor:pointer}
.kokua-button:focus-visible,a:focus-visible{outline:3px solid var(--kokua-text);outline-offset:4px}
.kokua-button:active{transform:scale(.985)}
.kokua-button{transition:transform 150ms ease-out}
@media(prefers-reduced-motion:reduce){.kokua-button{transition:none}.kokua-button:active{transform:none}.kokua-decoration{animation:none!important;transition:none!important}}