/* Sentinal theme — generated from Studio > Colors & Typography */
@import url("https://fonts.googleapis.com/css?family=Hanken+Grotesk:400,500,600,700,800&display=swap");
html:root{--accent:#2352F5;--accent2:#5B3DF5;--accent-soft:rgba(35,82,245,.08);--brand:linear-gradient(135deg,#0BB8F0 0%,#2352F5 48%,#5B3DF5 100%);--brand-grad:linear-gradient(135deg,#0BB8F0 0%,#2352F5 48%,#5B3DF5 100%);--text:#0B1A33;--muted:#56637B;--bg:#F5F7FB;--surface:#FFFFFF;--ok:#12A366;--crit:#D92D45;--ok-bg:rgba(18,163,102,.09);--crit-bg:rgba(217,45,69,.08);--font:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-sm:8px;--r:12px;--r-lg:18px}
html body{font-family:var(--font)}
html body :is(h1,h2,h3,h4,.brand-name,.display){font-family:var(--font-head);font-weight:800}
html body :is(h3,h4){font-weight:700}
html body :is(input,select,textarea,button){font-family:inherit}
::selection{background:rgba(35,82,245,.18)}