:root{
  --sky-indigo-900:#26247C;
  --sky-indigo-700:#37349B;
  --sky-violet-500:#5932D6;
  --sky-orange-500:#F1783A;
  --sky-paper:#FCFAF4;
  --sky-cream:#FFF0DB;
  --sky-ink:#171832;
  --sky-muted:#65657B;
  --sky-line:#DCDCE8;
  --sky-white:#FFFFFF;
  --sky-lavender:#E5E3F7;
  --sky-lavender-muted:#CBC8EC;
  --sky-sign-paper:#FFFDF5;
  --sky-sign-frame:#F5F1E8;
  --sky-plum:#291C43;
  --sky-subtle:#F1EFFA;
  --surface-page:var(--sky-paper);
  --surface-card:var(--sky-white);
  --surface-hero:var(--sky-indigo-900);
  --hero-surface:var(--sky-sign-paper);
  --hero-ink:var(--sky-indigo-900);
  --hero-frame:var(--sky-indigo-900);
  --hero-grid-rgb:38 36 124;
  --hero-grid-size:28px;
  --hero-border-width:3px;
  --surface-food:var(--sky-cream);
  --text-primary:var(--sky-ink);
  --text-muted:var(--sky-muted);
  --text-inverse:var(--sky-white);
  --accent-brand:var(--sky-violet-500);
  --accent-signal:var(--sky-orange-500);
  --radius-sm:10px;
  --radius-md:18px;
  --radius-lg:32px;
  --radius-pill:999px;
  --duration-press:140ms;
  --duration-ui:180ms;
  --duration-brand:520ms;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --hero-watermark-opacity:.05;
  --hero-grid-opacity:.16;
  --header-height:64px;
  --tabs-height:70px;
  --page-width:1160px;
}