/* GENERATED from tokens.json — do not edit */
:root {
  color-scheme: light;
  --sn-font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sn-color-canvas: #F2F2F3;
  --sn-color-surface: #FFFFFF;
  --sn-color-surface-muted: #E6E6E8;
  --sn-color-surface-sunken: #DADADD;
  --sn-color-ink: #2B2B2E;
  --sn-color-on-ink: #FFFFFF;
  --sn-color-on-ink-muted: #A9A9B0;
  --sn-color-text: #1C1C1E;
  --sn-color-text-muted: #56565E;
  --sn-color-text-subtle: #636369;
  --sn-color-border: #D4D4D8;
  --sn-color-border-strong: #1C1C1E;
  --sn-color-accent: #C39BF0;
  --sn-color-accent-strong: #6232C2;
  --sn-color-accent-soft: #E9DBFB;
  --sn-color-on-accent: #1C1C1E;
  --sn-color-success: #3FB27F;
  --sn-color-success-soft: #DDF3E8;
  --sn-color-success-strong: #1E7A50;
  --sn-color-warning: #F2A93B;
  --sn-color-warning-soft: #FCEFD9;
  --sn-color-warning-strong: #9A5B00;
  --sn-color-danger: #EF5A4C;
  --sn-color-danger-soft: #FDE3E0;
  --sn-color-danger-strong: #B0301F;
  --sn-color-info: #4F7DF3;
  --sn-color-info-soft: #E1E9FD;
  --sn-color-info-strong: #2F5BD3;
  --sn-color-scrim: #1C1C1E66;
  --sn-space-xxs: 2px;
  --sn-space-xs: 4px;
  --sn-space-sm: 8px;
  --sn-space-md: 12px;
  --sn-space-lg: 16px;
  --sn-space-xl: 20px;
  --sn-space-xxl: 24px;
  --sn-space-xxxl: 32px;
  --sn-space-huge: 48px;
  --sn-radius-sm: 10px;
  --sn-radius-md: 16px;
  --sn-radius-lg: 22px;
  --sn-radius-xl: 28px;
  --sn-radius-pill: 999px;
  --sn-size-icon-button: 48px;
  --sn-size-icon-button-sm: 36px;
  --sn-size-bottom-bar: 72px;
  --sn-size-center-action: 60px;
  --sn-size-rail-width: 248px;
  --sn-size-rail-collapsed: 80px;
  --sn-size-top-bar: 72px;
  --sn-size-content-max: 1320px;
  --sn-size-form-width: 448px;
  --sn-size-prose-width: 560px;
  --sn-size-search-width: 400px;
  --sn-size-proof-height: 420px;
  --sn-size-qr-preview: 160px;
  --sn-font-hero-size: 44px;
  --sn-font-hero-line: 48px;
  --sn-font-hero-weight: 600;
  --sn-font-hero-tracking: -1.2px;
  --sn-font-display-size: 34px;
  --sn-font-display-line: 40px;
  --sn-font-display-weight: 400;
  --sn-font-display-tracking: -0.8px;
  --sn-font-title-size: 22px;
  --sn-font-title-line: 28px;
  --sn-font-title-weight: 600;
  --sn-font-title-tracking: -0.4px;
  --sn-font-heading-size: 17px;
  --sn-font-heading-line: 22px;
  --sn-font-heading-weight: 600;
  --sn-font-heading-tracking: -0.2px;
  --sn-font-body-size: 15px;
  --sn-font-body-line: 21px;
  --sn-font-body-weight: 400;
  --sn-font-body-tracking: 0px;
  --sn-font-label-size: 13px;
  --sn-font-label-line: 18px;
  --sn-font-label-weight: 500;
  --sn-font-label-tracking: 0px;
  --sn-font-caption-size: 12px;
  --sn-font-caption-line: 16px;
  --sn-font-caption-weight: 400;
  --sn-font-caption-tracking: 0.1px;
  --sn-font-stat-size: 28px;
  --sn-font-stat-line: 32px;
  --sn-font-stat-weight: 600;
  --sn-font-stat-tracking: -0.6px;
  --sn-motion-fast: 120ms;
  --sn-motion-base: 200ms;
  --sn-motion-slow: 320ms;
  --sn-motion-press-scale: 0.97;
  --sn-elevation-card: 0 1px 2px rgba(28,28,30,0.04), 0 8px 24px rgba(28,28,30,0.06);
  --sn-elevation-floating: 0 10px 30px rgba(28,28,30,0.18);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --sn-color-canvas: #161618;
    --sn-color-surface: #222226;
    --sn-color-surface-muted: #2C2C31;
    --sn-color-surface-sunken: #1B1B1E;
    --sn-color-ink: #34343A;
    --sn-color-on-ink: #F2F2F3;
    --sn-color-on-ink-muted: #9C9CA3;
    --sn-color-text: #F2F2F3;
    --sn-color-text-muted: #B4B4BA;
    --sn-color-text-subtle: #9C9CA3;
    --sn-color-border: #3A3A40;
    --sn-color-border-strong: #F2F2F3;
    --sn-color-accent: #B98AEB;
    --sn-color-accent-strong: #CDA8F5;
    --sn-color-accent-soft: #3A2D4F;
    --sn-color-on-accent: #161618;
    --sn-color-success: #4CC08E;
    --sn-color-success-soft: #1F3A2E;
    --sn-color-success-strong: #6FD3A6;
    --sn-color-warning: #F4B452;
    --sn-color-warning-soft: #3F321D;
    --sn-color-warning-strong: #F7C77A;
    --sn-color-danger: #F2705F;
    --sn-color-danger-soft: #44231F;
    --sn-color-danger-strong: #F59A8E;
    --sn-color-info: #7196F5;
    --sn-color-info-soft: #1F2A45;
    --sn-color-info-strong: #9DB6F8;
    --sn-color-scrim: #000000AA;
  }
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --sn-color-canvas: #161618;
  --sn-color-surface: #222226;
  --sn-color-surface-muted: #2C2C31;
  --sn-color-surface-sunken: #1B1B1E;
  --sn-color-ink: #34343A;
  --sn-color-on-ink: #F2F2F3;
  --sn-color-on-ink-muted: #9C9CA3;
  --sn-color-text: #F2F2F3;
  --sn-color-text-muted: #B4B4BA;
  --sn-color-text-subtle: #9C9CA3;
  --sn-color-border: #3A3A40;
  --sn-color-border-strong: #F2F2F3;
  --sn-color-accent: #B98AEB;
  --sn-color-accent-strong: #CDA8F5;
  --sn-color-accent-soft: #3A2D4F;
  --sn-color-on-accent: #161618;
  --sn-color-success: #4CC08E;
  --sn-color-success-soft: #1F3A2E;
  --sn-color-success-strong: #6FD3A6;
  --sn-color-warning: #F4B452;
  --sn-color-warning-soft: #3F321D;
  --sn-color-warning-strong: #F7C77A;
  --sn-color-danger: #F2705F;
  --sn-color-danger-soft: #44231F;
  --sn-color-danger-strong: #F59A8E;
  --sn-color-info: #7196F5;
  --sn-color-info-soft: #1F2A45;
  --sn-color-info-strong: #9DB6F8;
  --sn-color-scrim: #000000AA;
}