/* Generated by scripts/design-tokens.mjs from tokens.mjs. Do not edit. */
:root {
  --kit-color-canvas: #fff;
  --kit-color-foreground: #232326;
  --kit-color-ink: #29292d;
  --kit-color-reading-strong: #39393f;
  --kit-color-reading-body: #5f5f66;
  --kit-color-secondary: #65656d;
  --kit-color-annotation: #777780;
  --kit-color-rule: #e9e9ed;
  --kit-color-divider: #dcdce3;
  --kit-color-card-outline: #eeeeef;
  --kit-color-tray: #f5f5f7;
  --kit-color-surface: #f5f5f6;
  --kit-color-surface-depth: #eceef1;
  --kit-color-metal-edge: #cbd0d7;
  --kit-color-metal-mark: #7c828c;
  --kit-color-status-success-surface: #e8f1eb;
  --kit-color-status-success-ink: #2b6045;
  --kit-color-status-info-surface: #e6eef7;
  --kit-color-status-info-ink: #285b86;
  --kit-color-blueprint-grid: #bfdbfe;
  --kit-color-blueprint-detail: #1d4ed8;
  --kit-color-glass-border: #ffffffd9;
  --kit-color-orange: #ff751c;
  --kit-color-orange-light: #ff942e;
  --kit-color-orange-hover: #ff8127;
  --kit-color-orange-hover-light: #ffa040;
  --kit-color-orange-pressed: #ff690a;
  --kit-color-orange-edge: #ed630a;
  --kit-color-orange-rim: #ff862f;
  --kit-color-orange-highlight: #ffd29c;
  --kit-color-inverse-ink: #f8f8fa;
  --kit-color-inverse-muted: #c5c5cd;
  --kit-color-inverse-rule: #ffffff19;
  --kit-color-inverse-wash: #ffffff0a;
  --kit-color-inverse-edge: #444449;
  --kit-font-body: 'Inter', Arial, sans-serif;
  --kit-font-note: 'Shantell Sans', cursive;
  --kit-type-body-size: 1rem;
  --kit-type-body-leading: 1.6;
  --kit-type-section-size: 1.625rem;
  --kit-type-section-weight: 550;
  --kit-type-section-leading: 1.3;
  --kit-type-section-tracking: -0.8px;
  --kit-type-note-size: 17px;
  --kit-type-note-weight: 500;
  --kit-type-note-leading: 1.45;
  --kit-type-note-tracking: -0.4px;
  --kit-frame-size: 840px;
  --kit-frame-pad-wide: 48px;
  --kit-frame-pad-medium: 28px;
  --kit-frame-pad-mobile: 24px;
  --kit-frame-pad-compact: 20px;
  --kit-radius-tab: 8px;
  --kit-radius-hero-tab: 17px;
  --kit-radius-bundle: 21px;
  --kit-radius-timeline: 18px;
  --kit-radius-inner-glass: 15px;
  --kit-radius-mobile-action: 12px;
  --kit-size-mobile-action: 48px;
  --kit-size-mobile-touch: 44px;
  --kit-size-mobile-section: 52px;
  --kit-size-mobile-service: 72px;
  --kit-space-mobile-hatch: 20px;
  --kit-material-glass-active: linear-gradient(150deg, #fff 10%, #ffffffdb 60%, #fff4);
  --kit-material-glass-active-filter: blur(8px);
  --kit-material-glass-active-shadow: 0 1px 4px #22222a12, 0 0 0 1px #dcdce566, inset 0 -1px 2px #fff;
  --kit-material-graphite: linear-gradient(155deg, #303034, #1f1f22 62%, #19191c);
  --kit-material-graphite-shadow: inset 0 1px 1px #ffffff24, inset 0 -1px 1px #0006;
  --kit-material-contact: linear-gradient(155deg, #37373b, #232326 56%, #1d1d20);
  --kit-material-contact-shadow: inset 0 1px 1px #ffffff2e, inset 0 -1px 1px #0005;
  --kit-material-light-surface: radial-gradient(ellipse at 18% 24%, #fff 0%, transparent 62%), radial-gradient(ellipse at 88% 78%, #eceef1 0%, transparent 64%), linear-gradient(145deg, #f5f5f7 0%, #fff 52%, #eceef1 100%);
  --kit-material-clock-light-bezel: linear-gradient(145deg, #fff 0%, #e9ebee 25%, #cbd0d7 52%, #fafbfc 78%, #e0e3e8 100%);
  --kit-material-clock-light-face: radial-gradient(ellipse at 32% 19%, #fff, #f5f5f7 58%, #e7e9ee);
  --kit-material-clock-light-hand: linear-gradient(90deg, #777e87, #fefefe 42%, #aeb4bc 75%, #7a828d);
  --kit-material-inner-glass: linear-gradient(150deg, #36363bd4, #252529c7);
  --kit-material-inner-glass-filter: blur(12px) saturate(1.08);
  --kit-material-inner-glass-edge: #ffffff0a;
  --kit-material-grain: repeating-conic-gradient(#ffffff08 0% 25%, transparent 0% 50%) 0 0 / 3px 3px;
  --kit-material-hatch: repeating-linear-gradient( 135deg, transparent 0 3px, #e8e8ef 3px 4px, transparent 4px 6px );
  --kit-shadow-control: 0 1px 2px #16162112, 0 0 0 1px #16162108;
  --kit-shadow-studio-control: 0 1px 3px #20202612, 0 0 0 1px #20202608;
  --kit-motion-press: 80ms;
  --kit-motion-feedback: 270ms;
  --kit-motion-layout: 350ms;
  --kit-motion-resolve: 350ms;
  --kit-motion-exit: 270ms;
  --kit-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --kit-motion-settle: cubic-bezier(0.2, 0, 0, 1);
  --kit-motion-elastic: cubic-bezier(0.2, 1.18, 0.3, 1);
}