:root {
  --ds-space-1: 8px;
  --ds-space-2: 16px;
  --ds-space-3: 24px;
  --ds-space-4: 32px;
  --ds-space-5: 40px;
  --ds-space-6: 48px;
  --ds-space-8: 64px;
  --ds-space-0h: 4px;
  --ds-space-1h: 12px;
  --ds-radius-xs: 2px;
  --ds-radius-s: 4px;
  --ds-radius-m: 6px;
  --ds-radius-l: 8px;
  --ds-radius-xl: 12px;
  --ds-radius-pill: 999px;
  --ds-line-hair: 1px;
  --ds-line-strong: 1.5px;
  --ds-line-rule: 2px;
  --ds-line-cap: 3px;
  --ds-line-leader: 1.5px dotted;
  --ds-size-row: 40px;
  --ds-size-rowShort: 36px;
  --ds-size-control: 40px;
  --ds-size-controlSmall: 32px;
  --ds-size-field: 56px;
  --ds-size-faxline: 48px;
  --ds-size-touch: 44px;
  --ds-size-phoneTap: 48px;
  --ds-size-phoneBar: 64px;
  --ds-size-rail: 224px;
  --ds-size-railWide: 248px;
  --ds-size-railNarrow: 192px;
  --ds-size-panel: 540px;
  --ds-size-panelWide: 560px;
  --ds-size-dialog: 400px;
  --ds-size-tour: 360px;
  --ds-size-popover: 290px;
  --ds-size-icon: 18px;
  --ds-size-iconSmall: 15px;
  --ds-size-iconBar: 22px;
  --ds-size-seal: 16px;
  --ds-size-sealLarge: 24px;
  --ds-size-stamp: 112px;
  --ds-size-mark: 14px;
  --ds-size-gutterPhone: 16px;
  --ds-size-page: 1160px;
  --ds-font-ui: "Familjen Grotesk", -apple-system, "Segoe UI", system-ui, sans-serif;
  --ds-type-size-12: 12px;
  --ds-type-size-13: 13px;
  --ds-type-size-14: 14px;
  --ds-type-size-15: 15px;
  --ds-type-size-16: 16px;
  --ds-type-size-17: 17px;
  --ds-type-size-19: 19px;
  --ds-type-size-22: 22px;
  --ds-type-size-26: 26px;
  --ds-type-size-32: 32px;
  --ds-type-size-38: 38px;
  --ds-type-size-44: 44px;
  --ds-type-size-56: 56px;
  --ds-type-weight-regular: 400;
  --ds-type-weight-medium: 500;
  --ds-type-weight-semibold: 600;
  --ds-type-weight-bold: 700;
  --ds-type-lh-tight: 1;
  --ds-type-lh-snug: 1.15;
  --ds-type-lh-title: 1.25;
  --ds-type-lh-ui: 1.3;
  --ds-type-lh-body: 1.45;
  --ds-type-lh-read: 1.55;
  --ds-type-track-display: -0.03em;
  --ds-type-track-title: -0.02em;
  --ds-type-track-ui: 0;
  --ds-type-track-number: 0.025em;
  --ds-type-track-faxline: 0.015em;
  --ds-motion-tap: 140ms;
  --ds-motion-fast: 160ms;
  --ds-motion-base: 220ms;
  --ds-motion-mid: 260ms;
  --ds-motion-slow: 320ms;
  --ds-motion-toastHold: 2600ms;
  --ds-motion-stampHold: 1500ms;
  --ds-motion-ambient: 2000ms;
  --ds-motion-stagger: 34ms;
  --ds-ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ds-ease-in-out: cubic-bezier(0.45, 0, 0.25, 1);
  --ds-tag-fill: 14.000000000000002%;
  --ds-tag-edge: 42%;
  --ds-light-accent: #11763c;
  --ds-light-accent-strong: #0c6231;
  --ds-light-accent-soft: #dcf1e2;
  --ds-light-accent-ink: #f5fff7;
  --ds-light-sheet: #ffffff;
  --ds-light-surface: #ffffff;
  --ds-light-surface-2: #f5f6f2;
  --ds-light-canvas: #ecede8;
  --ds-light-ink: #131513;
  --ds-light-muted: #545954;
  --ds-light-line: #e2e4de;
  --ds-light-line-2: #c5c9c1;
  --ds-light-form: #131513;
  --ds-light-rail: #ecede8;
  --ds-light-rail-ink: #131513;
  --ds-light-rail-mute: #4f544f;
  --ds-light-rail-on: #ffffff;
  --ds-light-rail-on-ink: #131513;
  --ds-light-rail-line: #d5d8d0;
  --ds-light-ok: #17753a;
  --ds-light-warn: #8a5a00;
  --ds-light-no: #b3372c;
  --ds-light-unknown: #545954;
  --ds-light-seal: #11763c;
  --ds-light-seal-ink: #ffffff;
  --ds-light-seal-off: #8c928b;
  --ds-light-team: #131513;
  --ds-light-k-sub: #2f8a3a;
  --ds-light-k-proc: #a36800;
  --ds-light-k-cond: #c2453d;
  --ds-light-k-test: #1f6fb0;
  --ds-light-k-serv: #7a55c9;
  --ds-light-tier-bronze: #a8612a;
  --ds-light-tier-silver: #4f5b67;
  --ds-light-tier-gold: #a47d00;
  --ds-light-tier-platinum: #82878d;
  --ds-light-tier-twinkle: #3d4247;
  --ds-light-crown: #a47d00;
  --ds-light-scrim: rgba(19, 21, 19, 0.32);
  --ds-light-shadow: rgba(19, 21, 19, 0.16);
  --ds-light-lift: rgba(19, 21, 19, 0.45);
  --ds-light-glow: rgba(17, 118, 60, 0.24);
  --ds-light-slip: rgba(0, 0, 0, 0.35);
  --ds-light-qr-tile: #ffffff;
  --ds-light-elev-lift: 0 10px 22px -14px rgba(19, 21, 19, 0.45);
  --ds-light-elev-float: 0 18px 48px rgba(19, 21, 19, 0.16);
  --ds-light-elev-slip: 0 18px 36px -12px rgba(0, 0, 0, 0.35);
  --ds-light-elev-primaryGlow: 0 8px 22px rgba(17, 118, 60, 0.24);
  --ds-dark-accent: #77c86d;
  --ds-dark-accent-strong: #8bd77f;
  --ds-dark-accent-soft: #1d3522;
  --ds-dark-accent-ink: #0d1b10;
  --ds-dark-sheet: #111411;
  --ds-dark-surface: #171b17;
  --ds-dark-surface-2: #1d231e;
  --ds-dark-canvas: #0c0f0c;
  --ds-dark-ink: #f2f6f1;
  --ds-dark-muted: #a9b4aa;
  --ds-dark-line: #29312a;
  --ds-dark-line-2: #3b463d;
  --ds-dark-form: #6d7b6f;
  --ds-dark-rail: #1d3522;
  --ds-dark-rail-ink: #f2f6f1;
  --ds-dark-rail-mute: #c3d6c4;
  --ds-dark-rail-on: #111411;
  --ds-dark-rail-on-ink: #f2f6f1;
  --ds-dark-rail-line: #2f4a34;
  --ds-dark-ok: #8fd18a;
  --ds-dark-warn: #e2b760;
  --ds-dark-no: #ee8f8a;
  --ds-dark-unknown: #a9b4aa;
  --ds-dark-seal: #77c86d;
  --ds-dark-seal-ink: #0d1b10;
  --ds-dark-seal-off: #7d8a7f;
  --ds-dark-team: #f2f6f1;
  --ds-dark-k-sub: #8fd18a;
  --ds-dark-k-proc: #e8b85c;
  --ds-dark-k-cond: #ee8f8a;
  --ds-dark-k-test: #74b9ec;
  --ds-dark-k-serv: #b9a0f2;
  --ds-dark-tier-bronze: #d08a52;
  --ds-dark-tier-silver: #9aa4af;
  --ds-dark-tier-gold: #f0c53e;
  --ds-dark-tier-platinum: #e8eaed;
  --ds-dark-tier-twinkle: #ffffff;
  --ds-dark-crown: #f0c53e;
  --ds-dark-scrim: rgba(0, 0, 0, 0.55);
  --ds-dark-shadow: rgba(0, 0, 0, 0.5);
  --ds-dark-lift: rgba(0, 0, 0, 0.85);
  --ds-dark-glow: rgba(119, 200, 109, 0.28);
  --ds-dark-slip: rgba(0, 0, 0, 0.6);
  --ds-dark-qr-tile: #ffffff;
  --ds-dark-elev-lift: 0 10px 24px -12px rgba(0, 0, 0, 0.85);
  --ds-dark-elev-float: 0 18px 48px rgba(0, 0, 0, 0.5);
  --ds-dark-elev-slip: 0 18px 36px -12px rgba(0, 0, 0, 0.6);
  --ds-dark-elev-primaryGlow: 0 8px 22px rgba(119, 200, 109, 0.28);
}
:root, [data-theme="light"] {
  color-scheme: light;
  --ds-color-accent: var(--ds-light-accent);
  --ds-color-accent-strong: var(--ds-light-accent-strong);
  --ds-color-accent-soft: var(--ds-light-accent-soft);
  --ds-color-accent-ink: var(--ds-light-accent-ink);
  --ds-color-sheet: var(--ds-light-sheet);
  --ds-color-surface: var(--ds-light-surface);
  --ds-color-surface-2: var(--ds-light-surface-2);
  --ds-color-canvas: var(--ds-light-canvas);
  --ds-color-ink: var(--ds-light-ink);
  --ds-color-muted: var(--ds-light-muted);
  --ds-color-line: var(--ds-light-line);
  --ds-color-line-2: var(--ds-light-line-2);
  --ds-color-form: var(--ds-light-form);
  --ds-color-rail: var(--ds-light-rail);
  --ds-color-rail-ink: var(--ds-light-rail-ink);
  --ds-color-rail-mute: var(--ds-light-rail-mute);
  --ds-color-rail-on: var(--ds-light-rail-on);
  --ds-color-rail-on-ink: var(--ds-light-rail-on-ink);
  --ds-color-rail-line: var(--ds-light-rail-line);
  --ds-color-ok: var(--ds-light-ok);
  --ds-color-warn: var(--ds-light-warn);
  --ds-color-no: var(--ds-light-no);
  --ds-color-unknown: var(--ds-light-unknown);
  --ds-color-seal: var(--ds-light-seal);
  --ds-color-seal-ink: var(--ds-light-seal-ink);
  --ds-color-seal-off: var(--ds-light-seal-off);
  --ds-color-team: var(--ds-light-team);
  --ds-color-k-sub: var(--ds-light-k-sub);
  --ds-color-k-proc: var(--ds-light-k-proc);
  --ds-color-k-cond: var(--ds-light-k-cond);
  --ds-color-k-test: var(--ds-light-k-test);
  --ds-color-k-serv: var(--ds-light-k-serv);
  --ds-color-tier-bronze: var(--ds-light-tier-bronze);
  --ds-color-tier-silver: var(--ds-light-tier-silver);
  --ds-color-tier-gold: var(--ds-light-tier-gold);
  --ds-color-tier-platinum: var(--ds-light-tier-platinum);
  --ds-color-tier-twinkle: var(--ds-light-tier-twinkle);
  --ds-color-crown: var(--ds-light-crown);
  --ds-color-scrim: var(--ds-light-scrim);
  --ds-color-shadow: var(--ds-light-shadow);
  --ds-color-lift: var(--ds-light-lift);
  --ds-color-glow: var(--ds-light-glow);
  --ds-color-slip: var(--ds-light-slip);
  --ds-color-qr-tile: var(--ds-light-qr-tile);
  --ds-elev-lift: var(--ds-light-elev-lift);
  --ds-elev-float: var(--ds-light-elev-float);
  --ds-elev-slip: var(--ds-light-elev-slip);
  --ds-elev-primaryGlow: var(--ds-light-elev-primaryGlow);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ds-color-accent: var(--ds-dark-accent);
    --ds-color-accent-strong: var(--ds-dark-accent-strong);
    --ds-color-accent-soft: var(--ds-dark-accent-soft);
    --ds-color-accent-ink: var(--ds-dark-accent-ink);
    --ds-color-sheet: var(--ds-dark-sheet);
    --ds-color-surface: var(--ds-dark-surface);
    --ds-color-surface-2: var(--ds-dark-surface-2);
    --ds-color-canvas: var(--ds-dark-canvas);
    --ds-color-ink: var(--ds-dark-ink);
    --ds-color-muted: var(--ds-dark-muted);
    --ds-color-line: var(--ds-dark-line);
    --ds-color-line-2: var(--ds-dark-line-2);
    --ds-color-form: var(--ds-dark-form);
    --ds-color-rail: var(--ds-dark-rail);
    --ds-color-rail-ink: var(--ds-dark-rail-ink);
    --ds-color-rail-mute: var(--ds-dark-rail-mute);
    --ds-color-rail-on: var(--ds-dark-rail-on);
    --ds-color-rail-on-ink: var(--ds-dark-rail-on-ink);
    --ds-color-rail-line: var(--ds-dark-rail-line);
    --ds-color-ok: var(--ds-dark-ok);
    --ds-color-warn: var(--ds-dark-warn);
    --ds-color-no: var(--ds-dark-no);
    --ds-color-unknown: var(--ds-dark-unknown);
    --ds-color-seal: var(--ds-dark-seal);
    --ds-color-seal-ink: var(--ds-dark-seal-ink);
    --ds-color-seal-off: var(--ds-dark-seal-off);
    --ds-color-team: var(--ds-dark-team);
    --ds-color-k-sub: var(--ds-dark-k-sub);
    --ds-color-k-proc: var(--ds-dark-k-proc);
    --ds-color-k-cond: var(--ds-dark-k-cond);
    --ds-color-k-test: var(--ds-dark-k-test);
    --ds-color-k-serv: var(--ds-dark-k-serv);
    --ds-color-tier-bronze: var(--ds-dark-tier-bronze);
    --ds-color-tier-silver: var(--ds-dark-tier-silver);
    --ds-color-tier-gold: var(--ds-dark-tier-gold);
    --ds-color-tier-platinum: var(--ds-dark-tier-platinum);
    --ds-color-tier-twinkle: var(--ds-dark-tier-twinkle);
    --ds-color-crown: var(--ds-dark-crown);
    --ds-color-scrim: var(--ds-dark-scrim);
    --ds-color-shadow: var(--ds-dark-shadow);
    --ds-color-lift: var(--ds-dark-lift);
    --ds-color-glow: var(--ds-dark-glow);
    --ds-color-slip: var(--ds-dark-slip);
    --ds-color-qr-tile: var(--ds-dark-qr-tile);
    --ds-elev-lift: var(--ds-dark-elev-lift);
    --ds-elev-float: var(--ds-dark-elev-float);
    --ds-elev-slip: var(--ds-dark-elev-slip);
    --ds-elev-primaryGlow: var(--ds-dark-elev-primaryGlow);
  }
}
:root[data-theme="dark"], [data-theme="dark"] {
  color-scheme: dark;
  --ds-color-accent: var(--ds-dark-accent);
  --ds-color-accent-strong: var(--ds-dark-accent-strong);
  --ds-color-accent-soft: var(--ds-dark-accent-soft);
  --ds-color-accent-ink: var(--ds-dark-accent-ink);
  --ds-color-sheet: var(--ds-dark-sheet);
  --ds-color-surface: var(--ds-dark-surface);
  --ds-color-surface-2: var(--ds-dark-surface-2);
  --ds-color-canvas: var(--ds-dark-canvas);
  --ds-color-ink: var(--ds-dark-ink);
  --ds-color-muted: var(--ds-dark-muted);
  --ds-color-line: var(--ds-dark-line);
  --ds-color-line-2: var(--ds-dark-line-2);
  --ds-color-form: var(--ds-dark-form);
  --ds-color-rail: var(--ds-dark-rail);
  --ds-color-rail-ink: var(--ds-dark-rail-ink);
  --ds-color-rail-mute: var(--ds-dark-rail-mute);
  --ds-color-rail-on: var(--ds-dark-rail-on);
  --ds-color-rail-on-ink: var(--ds-dark-rail-on-ink);
  --ds-color-rail-line: var(--ds-dark-rail-line);
  --ds-color-ok: var(--ds-dark-ok);
  --ds-color-warn: var(--ds-dark-warn);
  --ds-color-no: var(--ds-dark-no);
  --ds-color-unknown: var(--ds-dark-unknown);
  --ds-color-seal: var(--ds-dark-seal);
  --ds-color-seal-ink: var(--ds-dark-seal-ink);
  --ds-color-seal-off: var(--ds-dark-seal-off);
  --ds-color-team: var(--ds-dark-team);
  --ds-color-k-sub: var(--ds-dark-k-sub);
  --ds-color-k-proc: var(--ds-dark-k-proc);
  --ds-color-k-cond: var(--ds-dark-k-cond);
  --ds-color-k-test: var(--ds-dark-k-test);
  --ds-color-k-serv: var(--ds-dark-k-serv);
  --ds-color-tier-bronze: var(--ds-dark-tier-bronze);
  --ds-color-tier-silver: var(--ds-dark-tier-silver);
  --ds-color-tier-gold: var(--ds-dark-tier-gold);
  --ds-color-tier-platinum: var(--ds-dark-tier-platinum);
  --ds-color-tier-twinkle: var(--ds-dark-tier-twinkle);
  --ds-color-crown: var(--ds-dark-crown);
  --ds-color-scrim: var(--ds-dark-scrim);
  --ds-color-shadow: var(--ds-dark-shadow);
  --ds-color-lift: var(--ds-dark-lift);
  --ds-color-glow: var(--ds-dark-glow);
  --ds-color-slip: var(--ds-dark-slip);
  --ds-color-qr-tile: var(--ds-dark-qr-tile);
  --ds-elev-lift: var(--ds-dark-elev-lift);
  --ds-elev-float: var(--ds-dark-elev-float);
  --ds-elev-slip: var(--ds-dark-elev-slip);
  --ds-elev-primaryGlow: var(--ds-dark-elev-primaryGlow);
}