/* Generated by scripts/build-tokens.mjs from design-system/tokens.json. Do not edit by hand. */

:root {
  --color-paper: #f6f1e6;
  --color-paper-raised: #fbf8f1;
  --color-kabus: #c5d5e2;
  --color-bloom: #e4edf3;
  --color-nila: #9ab1c4;
  --color-nila-deep: #1f4466;
  --color-dye: #1f4466;
  --color-kapas: #f1d3b5;
  --color-highlight: var(--color-kapas);
  --color-ink: #3b5571;
  --color-ink-strong: #0f2338;
  --color-ink-muted: #4c6883;
  --color-line: #dcd3c3;
  --color-line-strong: #6c859d;
  --color-action: #8c5a24;
  --color-accent: var(--color-action);
  --color-on-action: var(--color-paper);
  --color-on-nila: #0f2338;
  --color-focus-ring: var(--color-ink-strong);
  --color-a47-ground: #f7f8f9;
  --color-a47-surface: #ffffff;
  --color-a47-fill: #eef0f2;
  --color-a47-card: #c9cdd2;
  --color-a47-ink: #242424;
  --color-a47-muted: #5f6368;
  --color-a47-soft: #8a8f96;
  --color-a47-rule-strong: #cdd1d6;
  --color-a47-rust: #973126;
  --color-a47-cream: #fdeed8;
  --color-a47-yellow: #ffe8a3;
  --color-a47-teal: #37505c;
  --color-paper-study: #f6f5f1;
  --color-awb-cream: #f5f2ed;
  --color-awb-taupe: #c4b8a8;
  --color-awb-charcoal: #2d2d2d;
  --color-grof-navy: #13213d;
  --color-grof-orange: #fb810e;
  --color-grof-peach: #ffc376;
  --color-grof-sky: #bbe5ff;
  --color-grof-mist-lilac: #eef1ff;
  --color-grof-mist-cream: #fff7e5;
  --color-grof-mist-sky: #f2faff;
  --color-sprout-cyan: #0cb4e4;
  --color-sprout-green: #549c3c;
  --color-sprout-teal: #0c5454;
  --color-sprout-yellow: #e7bb33;
  --shadow-float: 0 16px 40px rgba(15, 35, 56, 0.14);

  --font-statement: "Nanum Myeongjo", "Iowan Old Style", Georgia, serif;
  --font-serif: Spectral, "Iowan Old Style", Georgia, serif;
  --font-sans: "Neue Swiss", "Helvetica Neue", "Host Grotesk", Helvetica, Arial, sans-serif;
  --font-body: Figtree, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-hand: "Just Me Again Down Here", "Bradley Hand", "Segoe Print", cursive;
  --font-typewriter: "Special Elite", "American Typewriter", "Courier New", monospace;
  --font-a47-sans: "A47 Inter", ui-sans-serif, system-ui, sans-serif;
  --font-a47-serif: "A47 Fraunces", Georgia, serif;
  --type-statement-family: var(--font-statement);
  --type-statement-size: 48px;
  --type-statement-line-height: 1.32;
  --type-statement-weight: 400;
  --type-statement-tracking: -0.02em;
  --type-intro-family: var(--font-statement);
  --type-intro-size: 24px;
  --type-intro-line-height: 1.3;
  --type-intro-weight: 400;
  --type-intro-tracking: -0.02em;
  --type-title-family: var(--font-serif);
  --type-title-size: 42px;
  --type-title-line-height: 1.2;
  --type-title-weight: 300;
  --type-title-tracking: -0.02em;
  --type-body-family: var(--font-serif);
  --type-body-size: 22px;
  --type-body-line-height: 1.6;
  --type-body-weight: 400;
  --type-body-tracking: -0.01em;
  --type-closing-family: var(--font-serif);
  --type-closing-size: 23px;
  --type-closing-line-height: 1.5;
  --type-closing-weight: 300;
  --type-closing-tracking: 0em;
  --type-nav-family: var(--font-serif);
  --type-nav-size: 18px;
  --type-nav-line-height: 1.45;
  --type-nav-weight: 300;
  --type-nav-tracking: -0.005em;
  --type-nav-transform: uppercase;
  --type-label-family: var(--font-serif);
  --type-label-size: 15px;
  --type-label-line-height: 1.3;
  --type-label-weight: 300;
  --type-label-tracking: 0.03em;
  --type-label-transform: uppercase;
  --type-caption-family: var(--font-serif);
  --type-caption-size: 15px;
  --type-caption-line-height: 1.45;
  --type-caption-weight: 300;
  --type-caption-tracking: 0.03em;
  --type-hand-family: var(--font-hand);
  --type-hand-size: 22px;
  --type-hand-line-height: 1;
  --type-hand-weight: 400;
  --type-hand-tracking: 0em;
  --type-label-typed-family: var(--font-typewriter);
  --type-label-typed-size: 20px;
  --type-label-typed-line-height: 1.2;
  --type-label-typed-weight: 400;
  --type-label-typed-tracking: 0.02em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 104px;
  --page-margin: 160px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-image: 15px;
  --radius-panel: 24px;
  --radius-pill: 999px;
  --reveal-distance: 24px;
  --reveal-duration: 600ms;
  --reveal-easing: ease-out;
  --turn-duration: 420ms;
  --turn-easing: cubic-bezier(0.3, 0.9, 0.2, 1);
  --snap-duration: 160ms;
  --stamp-pitch: 7px;
  --stamp-dot-max: 0.92;
  --stamp-jitter: 0.12;
  --stamp-skip: 0.04;
}

[data-theme="light"] {
  --color-paper: #f6f1e6;
  --color-paper-raised: #fbf8f1;
  --color-kabus: #c5d5e2;
  --color-bloom: #e4edf3;
  --color-nila: #9ab1c4;
  --color-nila-deep: #1f4466;
  --color-dye: #1f4466;
  --color-kapas: #f1d3b5;
  --color-highlight: var(--color-kapas);
  --color-ink: #3b5571;
  --color-ink-strong: #0f2338;
  --color-ink-muted: #4c6883;
  --color-line: #dcd3c3;
  --color-line-strong: #6c859d;
  --color-action: #8c5a24;
  --color-accent: var(--color-action);
  --color-on-action: var(--color-paper);
  --color-on-nila: #0f2338;
  --color-focus-ring: var(--color-ink-strong);
  --color-a47-ground: #f7f8f9;
  --color-a47-surface: #ffffff;
  --color-a47-fill: #eef0f2;
  --color-a47-card: #c9cdd2;
  --color-a47-ink: #242424;
  --color-a47-muted: #5f6368;
  --color-a47-soft: #8a8f96;
  --color-a47-rule-strong: #cdd1d6;
  --color-a47-rust: #973126;
  --color-a47-cream: #fdeed8;
  --color-a47-yellow: #ffe8a3;
  --color-a47-teal: #37505c;
  --color-paper-study: #f6f5f1;
  --color-awb-cream: #f5f2ed;
  --color-awb-taupe: #c4b8a8;
  --color-awb-charcoal: #2d2d2d;
  --color-grof-navy: #13213d;
  --color-grof-orange: #fb810e;
  --color-grof-peach: #ffc376;
  --color-grof-sky: #bbe5ff;
  --color-grof-mist-lilac: #eef1ff;
  --color-grof-mist-cream: #fff7e5;
  --color-grof-mist-sky: #f2faff;
  --color-sprout-cyan: #0cb4e4;
  --color-sprout-green: #549c3c;
  --color-sprout-teal: #0c5454;
  --color-sprout-yellow: #e7bb33;
  --shadow-float: 0 16px 40px rgba(15, 35, 56, 0.14);
}

[data-theme="dark"] {
  --color-paper: #0f2338;
  --color-paper-raised: #152d45;
  --color-kabus: #1f4466;
  --color-bloom: #244b70;
  --color-nila: #9ab1c4;
  --color-nila-deep: #e8c27f;
  --color-dye: #1f4466;
  --color-kapas: #f1d3b5;
  --color-highlight: #1f4466;
  --color-ink: #c5d5e2;
  --color-ink-strong: #f6f1e6;
  --color-ink-muted: #9ab1c4;
  --color-line: #2b4760;
  --color-line-strong: #6a849c;
  --color-action: #e8c27f;
  --color-accent: var(--color-action);
  --color-on-action: var(--color-paper);
  --color-on-nila: #0f2338;
  --color-focus-ring: var(--color-action);
  --color-a47-ground: #f7f8f9;
  --color-a47-surface: #ffffff;
  --color-a47-fill: #eef0f2;
  --color-a47-card: #c9cdd2;
  --color-a47-ink: #242424;
  --color-a47-muted: #5f6368;
  --color-a47-soft: #8a8f96;
  --color-a47-rule-strong: #cdd1d6;
  --color-a47-rust: #973126;
  --color-a47-cream: #fdeed8;
  --color-a47-yellow: #ffe8a3;
  --color-a47-teal: #37505c;
  --color-paper-study: #f6f5f1;
  --color-awb-cream: #f5f2ed;
  --color-awb-taupe: #c4b8a8;
  --color-awb-charcoal: #2d2d2d;
  --color-grof-navy: #13213d;
  --color-grof-orange: #fb810e;
  --color-grof-peach: #ffc376;
  --color-grof-sky: #bbe5ff;
  --color-grof-mist-lilac: #eef1ff;
  --color-grof-mist-cream: #fff7e5;
  --color-grof-mist-sky: #f2faff;
  --color-sprout-cyan: #0cb4e4;
  --color-sprout-green: #549c3c;
  --color-sprout-teal: #0c5454;
  --color-sprout-yellow: #e7bb33;
  --shadow-float: 0 16px 40px rgba(0, 0, 0, 0.45);
}