/* Generated from design/tokens.json by design/build_tokens.py. Do not edit. */
:root {
  --color-ground: #FAF8FF;
  --color-surface: #FFFFFF;
  --color-surface-raised: #F3EEFF;
  --color-ink: #221540;
  --color-ink-muted: #5E5478;
  --color-accent: #5B2BD6;
  --color-accent-ink: #FFFFFF;
  --color-accent-hi: #8E6BF0;
  --color-line: #E6E1F2;
  --color-focus: #5B2BD6;
  --color-focus-halo: #FAF8FF;
  --color-annotation-insert: #EEE8FF;
  --color-annotation-highlight: #FFF2A8;
  --color-success: #1B7A4B;
  --color-warning: #8A5A00;
  --color-danger: #B8303A;
  --font-display: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --type-display-size: 2.5rem;
  --type-display-line: 2.875rem;
  --type-display-weight: 700;
  --type-title-size: 1.75rem;
  --type-title-line: 2.125rem;
  --type-title-weight: 700;
  --type-heading-size: 1.3125rem;
  --type-heading-line: 1.75rem;
  --type-heading-weight: 700;
  --type-body-size: 1.0625rem;
  --type-body-line: 1.625rem;
  --type-body-weight: 400;
  --type-label-size: 0.9375rem;
  --type-label-line: 1.25rem;
  --type-label-weight: 600;
  --type-caption-size: 0.8125rem;
  --type-caption-line: 1.125rem;
  --type-caption-weight: 400;
  --space-xxs: 0.125rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-slow: 400ms;
  --motion-settle: 5000ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --metric-tap-target: 44px;
  --metric-editor-min-height: 160px;
  --metric-note-min-height: 120px;
  --metric-dial-size: 96px;
  --metric-dial-stroke: 10px;
  --metric-cloud-height: 240px;
  --metric-measure-narrow: 448px;
  --metric-measure: 608px;
  --metric-measure-wide: 704px;
  --metric-page-wide: 1088px;
  --metric-wordmark-height: 36px;
  --metric-move-badge: 36px;
  --metric-icon: 20px;
  --metric-column-min: 192px;
  --metric-control-min: 160px;
  --metric-card-min: 288px;
  --metric-card-wide-min: 384px;
  --metric-blur: 6px;
  --shadow-lift: 0 8px 18px -10px;
  --shadow-sheet: 0 18px 40px -28px;
  --shadow-tray: 0 -12px 28px -20px;
  --shadow-halo: 0 0 0 6px;
  --shadow-edge: inset 0 1px 0;
}
html[data-theme="dark"] {
  --color-ground: #0E0B16;
  --color-surface: #17122A;
  --color-surface-raised: #211A3A;
  --color-ink: #EEE9FF;
  --color-ink-muted: #B3A9CF;
  --color-accent: #B49CFF;
  --color-accent-ink: #160B2E;
  --color-accent-hi: #D6C8FF;
  --color-line: #2A2340;
  --color-focus: #B49CFF;
  --color-focus-halo: #0E0B16;
  --color-annotation-insert: #2B2250;
  --color-annotation-highlight: #4D4514;
  --color-success: #6FD69B;
  --color-warning: #E9BE5A;
  --color-danger: #FF8A90;
}
@media (prefers-color-scheme: dark) {
  html[data-theme="system"] {
    --color-ground: #0E0B16;
    --color-surface: #17122A;
    --color-surface-raised: #211A3A;
    --color-ink: #EEE9FF;
    --color-ink-muted: #B3A9CF;
    --color-accent: #B49CFF;
    --color-accent-ink: #160B2E;
    --color-accent-hi: #D6C8FF;
    --color-line: #2A2340;
    --color-focus: #B49CFF;
    --color-focus-halo: #0E0B16;
    --color-annotation-insert: #2B2250;
    --color-annotation-highlight: #4D4514;
    --color-success: #6FD69B;
    --color-warning: #E9BE5A;
    --color-danger: #FF8A90;
  }
}