/* Generated by build/generate.ts from tokens.json. Do not edit by hand. */

/* Dark is the default appearance. `.dark` re-applies it inside a light page. */
:root,
:root[data-theme="dark"],
.dark {
  color-scheme: dark;
  --v-canvas: #0B1F3B;
  --v-canvas-rgb: 11 31 59;
  --v-panel: #153454;
  --v-panel-rgb: 21 52 84;
  --v-tint: #204265;
  --v-tint-rgb: 32 66 101;
  --v-rule: #405A76;
  --v-rule-rgb: 64 90 118;
  --v-edge: #7D8FA2;
  --v-edge-rgb: 125 143 162;
  --v-ink: #E6EEF7;
  --v-ink-rgb: 230 238 247;
  --v-muted: #B3C3D4;
  --v-muted-rgb: 179 195 212;
  --v-link: #A7C9E9;
  --v-link-rgb: 167 201 233;
  --v-action: #DCEAFB;
  --v-action-rgb: 220 234 251;
  --v-action-ink: #0B1F3B;
  --v-action-ink-rgb: 11 31 59;
  --v-action-hover: #FFFFFF;
  --v-action-hover-rgb: 255 255 255;
  --v-chrome: #0B1F3B;
  --v-chrome-rgb: 11 31 59;
  --v-chrome-ink: #F5F9FD;
  --v-chrome-ink-rgb: 245 249 253;
  --v-chrome-muted: #B3C3D4;
  --v-chrome-muted-rgb: 179 195 212;
  --v-chrome-link: #A7C9E9;
  --v-chrome-link-rgb: 167 201 233;
  --v-chrome-rule: #405A76;
  --v-chrome-rule-rgb: 64 90 118;
  --v-positive: #57C092;
  --v-positive-rgb: 87 192 146;
  --v-caution: #F6974E;
  --v-caution-rgb: 246 151 78;
  --v-critical: #DC9E9E;
  --v-critical-rgb: 220 158 158;
  --v-neutral: var(--v-muted);
  --v-neutral-rgb: var(--v-muted-rgb);
  --v-chart-1: #2F5D8C;
  --v-chart-2: #8FB3D6;
  --v-chart-3: #DCEAFB;
  --v-chart-4: #57C092;
  --v-chart-5: #F6974E;
  --v-chart-6: #DC9E9E;
}

/* Light is a choice the person makes; the theme hook sets it per app. */
:root[data-theme="light"],
.light {
  color-scheme: light;
  --v-canvas: #F2F5F8;
  --v-canvas-rgb: 242 245 248;
  --v-panel: #FFFFFF;
  --v-panel-rgb: 255 255 255;
  --v-tint: #E7EEF5;
  --v-tint-rgb: 231 238 245;
  --v-rule: #D1DDE8;
  --v-rule-rgb: 209 221 232;
  --v-edge: #78889A;
  --v-edge-rgb: 120 136 154;
  --v-ink: #0B1F3B;
  --v-ink-rgb: 11 31 59;
  --v-muted: #4B5F75;
  --v-muted-rgb: 75 95 117;
  --v-link: #2F5D8C;
  --v-link-rgb: 47 93 140;
  --v-action: #0B1F3B;
  --v-action-rgb: 11 31 59;
  --v-action-ink: #FFFFFF;
  --v-action-ink-rgb: 255 255 255;
  --v-action-hover: #123A63;
  --v-action-hover-rgb: 18 58 99;
  --v-chrome: #0B1F3B;
  --v-chrome-rgb: 11 31 59;
  --v-chrome-ink: #F5F9FD;
  --v-chrome-ink-rgb: 245 249 253;
  --v-chrome-muted: #B3C3D4;
  --v-chrome-muted-rgb: 179 195 212;
  --v-chrome-link: #A7C9E9;
  --v-chrome-link-rgb: 167 201 233;
  --v-chrome-rule: #405A76;
  --v-chrome-rule-rgb: 64 90 118;
  --v-positive: #2D7857;
  --v-positive-rgb: 45 120 87;
  --v-caution: #AD5009;
  --v-caution-rgb: 173 80 9;
  --v-critical: #A33B3B;
  --v-critical-rgb: 163 59 59;
  --v-neutral: var(--v-muted);
  --v-neutral-rgb: var(--v-muted-rgb);
  --v-chart-1: #2F5D8C;
  --v-chart-2: #8FB3D6;
  --v-chart-3: #123A63;
  --v-chart-4: #2D7857;
  --v-chart-5: #AD5009;
  --v-chart-6: #A33B3B;
}

:root {
  --v-brand-navy: #0B1F3B;
  --v-brand-graphite: #123A63;
  --v-brand-steel: #2F5D8C;
  --v-brand-steel-light: #4A7AAD;
  --v-brand-ice: #DCEAFB;
  --v-font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --v-font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --v-text-display-size: clamp(2.25rem, 1.6rem + 1.6vw, 3.5rem);
  --v-text-display-weight: 800;
  --v-text-display-line-height: 1.06;
  --v-text-display-tracking: -0.035em;
  --v-text-title-size: clamp(1.75rem, 1.4rem + 0.8vw, 2.25rem);
  --v-text-title-weight: 800;
  --v-text-title-line-height: 1.12;
  --v-text-title-tracking: -0.03em;
  --v-text-heading-size: 1.375rem;
  --v-text-heading-weight: 700;
  --v-text-heading-line-height: 1.25;
  --v-text-heading-tracking: -0.015em;
  --v-text-subheading-size: 1.125rem;
  --v-text-subheading-weight: 700;
  --v-text-subheading-line-height: 1.35;
  --v-text-subheading-tracking: -0.01em;
  --v-text-body-size: 1rem;
  --v-text-body-weight: 400;
  --v-text-body-line-height: 1.6;
  --v-text-body-tracking: 0em;
  --v-text-reading-size: 1.0625rem;
  --v-text-reading-weight: 400;
  --v-text-reading-line-height: 1.75;
  --v-text-reading-tracking: 0em;
  --v-text-small-size: 0.875rem;
  --v-text-small-weight: 500;
  --v-text-small-line-height: 1.45;
  --v-text-small-tracking: 0em;
  --v-text-eyebrow-size: 0.875rem;
  --v-text-eyebrow-weight: 700;
  --v-text-eyebrow-line-height: 1.3;
  --v-text-eyebrow-tracking: 0.025em;
  --v-text-figure-size: clamp(2rem, 1.5rem + 1.4vw, 3.25rem);
  --v-text-figure-weight: 800;
  --v-text-figure-line-height: 1;
  --v-text-figure-tracking: -0.04em;
  --v-space-4: 4px;
  --v-space-8: 8px;
  --v-space-12: 12px;
  --v-space-16: 16px;
  --v-space-24: 24px;
  --v-space-32: 32px;
  --v-space-48: 48px;
  --v-space-64: 64px;
  --v-space-96: 96px;
  --v-top-bar-height: 64px;
  --v-nav-width: 264px;
  --v-touch: 2.75rem;
  --v-gutter: clamp(1rem, 2.4vw, 3.5rem);
  --v-prose: 40em;
  --v-form: 40rem;
  --v-card-min: 22rem;
  --v-rule-width: 1px;
  --v-accent-rule-width: 3px;
  --v-focus-ring: 2px;
  --v-focus-offset: 2px;
  --v-duration: 180ms;
  --v-ease: ease;
  font-size: 16px;
}

@media (min-width: 1600px) {
  :root {
    font-size: 17px;
  }
}

@media (min-width: 2200px) {
  :root {
    font-size: 18px;
  }
}