/* Generated by build-library.py. Import and apply data-theme=light|dark. */
:root {
  --sk-sky: #4CB2FD;
  --sk-gold: #FDCF92;
  --sk-peach: #F9B590;
  --sk-coral: #FF7454;
  --sk-cream: #F5D9B9;
  --sk-ink: #4E2C22;
  --sk-space-1: 4px;
  --sk-space-2: 8px;
  --sk-space-3: 12px;
  --sk-space-4: 16px;
  --sk-space-5: 20px;
  --sk-space-6: 24px;
  --sk-space-8: 32px;
  --sk-space-12: 48px;
  --sk-space-16: 64px;
  --sk-radius-control: 8px;
  --sk-radius-card: 16px;
  --sk-radius-feature: 24px;
  --sk-radius-pill: 999px;
  --sk-font-display: ui-rounded, 'SF Pro Rounded', system-ui, sans-serif;
  --sk-font-body: -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif;
  --sk-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --sk-type-display-size: 48px;
  --sk-type-display-line: 1.08;
  --sk-type-display-weight: 700;
  --sk-type-title-size: 28px;
  --sk-type-title-line: 1.15;
  --sk-type-title-weight: 700;
  --sk-type-heading-size: 20px;
  --sk-type-heading-line: 1.25;
  --sk-type-heading-weight: 600;
  --sk-type-body-size: 15px;
  --sk-type-body-line: 1.6;
  --sk-type-body-weight: 400;
  --sk-type-control-size: 13px;
  --sk-type-control-line: 1.35;
  --sk-type-control-weight: 500;
  --sk-type-caption-size: 11px;
  --sk-type-caption-line: 1.4;
  --sk-type-caption-weight: 500;
  --sk-motion-feedback: 120ms;
  --sk-motion-transition: 180ms;
}
:root, [data-theme="light"] {
  color-scheme: light;
  --sk-background: #FFFCF7;
  --sk-surface: #FFFFFF;
  --sk-surface-soft: #FFF3E2;
  --sk-text: #38261F;
  --sk-text-secondary: #765C50;
  --sk-border: #DDCDBF;
  --sk-control-border: #92786A;
  --sk-action: #076CB8;
  --sk-action-hover: #055691;
  --sk-on-action: #FFFFFF;
  --sk-selection: #E6F4FF;
  --sk-on-selection: #076CB8;
  --sk-focus: #076CB8;
  --sk-danger: #B63E2E;
  --sk-success: #28734D;
  --sk-disabled: #EDE5DC;
  --sk-on-disabled: #765C50;
}
[data-theme="dark"] {
  color-scheme: dark;
  --sk-background: #211A16;
  --sk-surface: #2E241E;
  --sk-surface-soft: #3B2E25;
  --sk-text: #FFF3E2;
  --sk-text-secondary: #D6BAA4;
  --sk-border: #5A4538;
  --sk-control-border: #AD8A73;
  --sk-action: #4CB2FD;
  --sk-action-hover: #81C9FF;
  --sk-on-action: #211A16;
  --sk-selection: #173A54;
  --sk-on-selection: #81C9FF;
  --sk-focus: #81C9FF;
  --sk-danger: #FF987E;
  --sk-success: #8FD0A6;
  --sk-disabled: #3B2E25;
  --sk-on-disabled: #D6BAA4;
}
@media (prefers-reduced-motion: reduce) {
  :root { --sk-motion-feedback: 0ms; --sk-motion-transition: 0ms; }
}