/* Origami design tokens — generated from tokens.json. Themes: light, dark (default: light).
   Switch theme with <html data-theme="dark">. */
:root, [data-theme="light"] {
  --washi: #f3eee3;
  --washi-fibre: #e2d9c6;
  --page-ink: #262438;
  --page-ink-soft: #5b576a;
  --paper: #fffcf6;
  --paper-shade: #efe7d8;
  --ink: #262438;
  --ink-soft: #5b576a;
  --crease: #26243824;
  --coral: #f28b6e;
  --coral-text: #ad3f27;
  --teal: #76c4b6;
  --teal-text: #1b6b5e;
  --butter: #f6d886;
  --blush: #f4c7c1;
  --indigo: #2e4785;
  --on-indigo: #fffcf6;
  --focus: #2e4785;
  --shadow-flat: 0 1px 0 #26243814, 0 1px 3px #2624381f;
  --shadow-lift: 0 2px 0 #26243810, 0 10px 20px -8px #26243847;
  --shadow-float: 0 4px 10px -4px #2624382e, 0 28px 56px -18px #26243866;
  --shadow-press: 0 0 0 1px #2624380f, 0 1px 1px #2624381a;
  --shadow-inset: inset 0 1px 2px #26243824;
  color-scheme: light;
}
[data-theme="dark"] {
  --washi: #161935;
  --washi-fibre: #232852;
  --page-ink: #f2ede2;
  --page-ink-soft: #b4b4d2;
  --paper: #f4eee2;
  --paper-shade: #e1d8c7;
  --ink: #262438;
  --ink-soft: #5b576a;
  --crease: #26243824;
  --coral: #f28b6e;
  --coral-text: #ad3f27;
  --teal: #76c4b6;
  --teal-text: #1b6b5e;
  --butter: #f6d886;
  --blush: #f4c7c1;
  --indigo: #4a63a6;
  --on-indigo: #fffcf6;
  --focus: #f6d886;
  --shadow-flat: 0 1px 0 #05061a66, 0 2px 4px #05061a59;
  --shadow-lift: 0 2px 0 #05061a59, 0 12px 22px -8px #05061acc;
  --shadow-float: 0 4px 10px -4px #05061a99, 0 30px 60px -18px #05061ae6;
  --shadow-press: 0 0 0 1px #05061a33, 0 1px 1px #05061a66;
  --shadow-inset: inset 0 1px 2px #2624383d;
  color-scheme: dark;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-full: 9999px;
  --font-display: "Gabarito", ui-rounded, system-ui, sans-serif;
  --font-body: "Albert Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --type-display-family: var(--font-display);
  --type-display-size: 64px;
  --type-display-line: 64px;
  --type-display-weight: 800;
  --type-display-tracking: -0.03em;
  --type-title-family: var(--font-display);
  --type-title-size: 36px;
  --type-title-line: 40px;
  --type-title-weight: 700;
  --type-title-tracking: -0.02em;
  --type-heading-family: var(--font-display);
  --type-heading-size: 22px;
  --type-heading-line: 28px;
  --type-heading-weight: 700;
  --type-heading-tracking: -0.01em;
  --type-subhead-family: var(--font-display);
  --type-subhead-size: 17px;
  --type-subhead-line: 24px;
  --type-subhead-weight: 600;
  --type-stat-family: var(--font-display);
  --type-stat-size: 44px;
  --type-stat-line: 44px;
  --type-stat-weight: 800;
  --type-stat-tracking: -0.03em;
  --type-body-family: var(--font-body);
  --type-body-size: 15px;
  --type-body-line: 24px;
  --type-body-weight: 400;
  --type-body-sm-family: var(--font-body);
  --type-body-sm-size: 13px;
  --type-body-sm-line: 20px;
  --type-body-sm-weight: 400;
  --type-label-family: var(--font-body);
  --type-label-size: 11px;
  --type-label-line: 16px;
  --type-label-weight: 700;
  --type-label-tracking: 0.1em;
}
/* Type styles as utility classes (optional) */
.type-display { font-family: var(--type-display-family); font-size: var(--type-display-size); line-height: var(--type-display-line); font-weight: var(--type-display-weight); letter-spacing: var(--type-display-tracking); }
.type-title { font-family: var(--type-title-family); font-size: var(--type-title-size); line-height: var(--type-title-line); font-weight: var(--type-title-weight); letter-spacing: var(--type-title-tracking); }
.type-heading { font-family: var(--type-heading-family); font-size: var(--type-heading-size); line-height: var(--type-heading-line); font-weight: var(--type-heading-weight); letter-spacing: var(--type-heading-tracking); }
.type-subhead { font-family: var(--type-subhead-family); font-size: var(--type-subhead-size); line-height: var(--type-subhead-line); font-weight: var(--type-subhead-weight); }
.type-stat { font-family: var(--type-stat-family); font-size: var(--type-stat-size); line-height: var(--type-stat-line); font-weight: var(--type-stat-weight); letter-spacing: var(--type-stat-tracking); }
.type-body { font-family: var(--type-body-family); font-size: var(--type-body-size); line-height: var(--type-body-line); font-weight: var(--type-body-weight); }
.type-body-sm { font-family: var(--type-body-sm-family); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line); font-weight: var(--type-body-sm-weight); }
.type-label { font-family: var(--type-label-family); font-size: var(--type-label-size); line-height: var(--type-label-line); font-weight: var(--type-label-weight); letter-spacing: var(--type-label-tracking); }