/* COPIED from erudeon/brand spaceos/look/v3 dist by scripts/design/sync-v3-look.mjs, `:root` rescoped to [data-site="v3"]. Never edit here: change the look there, rebuild it, run the sync again. */
/* GENERATED from erudeon/brand spaceos/look/v3 (sha256 e467184afb33) by build.v3.mjs: tokens, two skins, light only.
   Never edit this copy: change tokens.v3.json or components.src.css there, rebuild, copy again. */
[data-site="v3"]{color-scheme:light;
  --v3-pop:oklch(.63 .2 25);
  --v3-pop-soft:oklch(.95 .035 25);
  --v3-pop-ink:oklch(.5 .18 25);
  --v3-danger:#B42318;
  --v3-ok:oklch(.52 .12 155);
  --v3-ok-soft:oklch(.95 .04 155);
  --v3-card:#FFFFFF;
  --v3-glass:rgb(255 255 255 / .82);
  --v3-glass-filter:blur(18px) saturate(150%);
  --v3-on-anchor:#FFFFFF;
  --v3-font-display:Guton,Inter,system-ui,sans-serif;
  --v3-font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --v3-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --v3-display-weight:600;
  --v3-display-tracking:-.025em;
  --v3-text-hero:clamp(40px, 8vw, 80px);
  --v3-text-section:clamp(30px, 5vw, 52px);
  --v3-text-card-title:22px;
  --v3-text-lede:clamp(18px, 2.2vw, 21px);
  --v3-text-body:17px;
  --v3-text-body-small:16px;
  --v3-text-small:14px;
  --v3-text-micro:12.5px;
  --v3-leading:1.55;
  --v3-measure:65ch;
  --v3-measure-narrow:46ch;
  --v3-radius-card:22px;
  --v3-radius-card-small:18px;
  --v3-radius-well:14px;
  --v3-radius-button:12px;
  --v3-radius-button-small:10px;
  --v3-radius-pill:999px;
  --v3-size-button-s:34px;
  --v3-size-button-m:46px;
  --v3-size-button-l:56px;
  --v3-size-input:48px;
  --v3-size-header:64px;
  --v3-size-container:1200px;
  --v3-size-gutter:16px;
  --v3-size-gutter-wide:32px;
  --v3-focus-ring:2px;
  --v3-focus-offset:0px;
  --v3-ease-out:cubic-bezier(.2,.8,.2,1);
  --v3-ease-pop:cubic-bezier(.34,1.56,.64,1);
  --v3-hover:.15s;
  --v3-enter:.6s;
  --v3-enter-rise:12px;
  --v3-deal:.7s;
  --v3-deal-rise:40px;
  --v3-lift:-1px;
  --v3-hover-brightness:1.08;
  --v3-press-brightness:.97;
}
[data-site="v3"],[data-skin="erudeon"]{
  --v3-hue:258;
  --v3-anchor:#08428C;
  --v3-anchor-top:#1A5BB0;
  --v3-anchor-deep:#062F66;
  --v3-anchor-rgb:8 66 140;
}
[data-skin="pty"]{
  --v3-hue:var(--brand-hue, 167);
  --v3-anchor:#2B6550;
  --v3-anchor-top:oklch(.541 .079 166.9);
  --v3-anchor-deep:oklch(.36 .058 166.9);
  --v3-anchor-rgb:43 101 80;
}
[data-site="v3"],[data-skin]{
  --v3-l-25:oklch(0.985 0.006 var(--v3-hue));
  --v3-l-50:oklch(0.97 0.013 var(--v3-hue));
  --v3-l-100:oklch(0.94 0.026 var(--v3-hue));
  --v3-l-200:oklch(0.885 0.045 var(--v3-hue));
  --v3-l-300:oklch(0.775 0.062 var(--v3-hue));
  --v3-l-400:oklch(0.66 0.075 var(--v3-hue));
  --v3-l-500:oklch(0.55 0.078 var(--v3-hue));
  --v3-l-600:oklch(0.461 0.071 var(--v3-hue));
  --v3-l-700:oklch(0.39 0.062 var(--v3-hue));
  --v3-l-800:oklch(0.3 0.048 var(--v3-hue));
  --v3-l-900:oklch(0.215 0.034 var(--v3-hue));
  --v3-ink:oklch(0.2 0.02 var(--v3-hue));
  --v3-soft:oklch(0.44 0.022 var(--v3-hue));
  --v3-faint:oklch(0.54 0.018 var(--v3-hue));
  --v3-disabled:oklch(0.72 0.012 var(--v3-hue));
  --v3-ground:var(--v3-l-25);
  --v3-band:var(--v3-l-50);
  --v3-well:var(--v3-l-50);
  --v3-tint:var(--v3-l-100);
  --v3-line:rgb(var(--v3-anchor-rgb) / .12);
  --v3-line-strong:rgb(var(--v3-anchor-rgb) / .22);
  --v3-link:var(--v3-anchor);
  --v3-link-hover:var(--v3-anchor-deep);
  --v3-ring:var(--v3-anchor-top);
  --v3-focus-halo:rgb(var(--v3-anchor-rgb) / .16);
  --v3-shadow:0 1px 2px oklch(0.2 0.02 var(--v3-hue) / .05),0 24px 60px -24px rgb(var(--v3-anchor-rgb) / .3);
  --v3-shadow-soft:0 1px 2px oklch(0.2 0.02 var(--v3-hue) / .05),0 10px 30px -18px rgb(var(--v3-anchor-rgb) / .28);
  --v3-shadow-lift:0 1px 2px oklch(0.2 0.02 var(--v3-hue) / .05),0 34px 70px -28px rgb(var(--v3-anchor-rgb) / .42);
  --v3-btn-depth:inset 0 1px 0 rgb(255 255 255 / .22),0 8px 20px -8px rgb(var(--v3-anchor-rgb) / .6);
  --v3-btn-fill:linear-gradient(180deg,var(--v3-anchor-top),var(--v3-anchor));
}