/* GENERATED by design/scripts/build-tokens.mjs from design/brand/tokens.json
   (EastSea design system v1.0.0). Do not edit by hand. */

:root {
  color-scheme: light dark;
  --font-display: "Newsreader", "Hahmlet", "New York", ui-serif, Georgia, serif;
  --font-display-ko: "Hahmlet", "Newsreader", "AppleMyungjo", ui-serif, serif;
  --font-text: "Geist", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-amount: "Geist", system-ui, sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --text-caption-size: 12px;
  --text-caption-line: 16px;
  --text-caption-tracking: 0.02em;
  --text-label-size: 12px;
  --text-label-line: 16px;
  --text-label-tracking: 0.08em;
  --text-footnote-size: 13px;
  --text-footnote-line: 18px;
  --text-footnote-tracking: 0em;
  --text-body-size: 16px;
  --text-body-line: 26px;
  --text-body-tracking: 0em;
  --text-body-lg-size: 19px;
  --text-body-lg-line: 30px;
  --text-body-lg-tracking: -0.005em;
  --text-title-3-size: 22px;
  --text-title-3-line: 28px;
  --text-title-3-tracking: -0.01em;
  --text-title-2-size: 30px;
  --text-title-2-line: 36px;
  --text-title-2-tracking: -0.015em;
  --text-title-1-size: 44px;
  --text-title-1-line: 48px;
  --text-title-1-tracking: -0.02em;
  --text-display-size: 72px;
  --text-display-line: 74px;
  --text-display-tracking: -0.025em;
  --text-amount-lg-size: 44px;
  --text-amount-lg-line: 48px;
  --text-amount-lg-tracking: -0.02em;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-window: 12px;
  --radius-pill: 999px;
  --dur-fast: 120ms;
  --dur-base: 240ms;
  --dur-slow: 600ms;
  --dur-scene: 1400ms;
  --ease-standard: cubic-bezier(.2,.7,.2,1);
  --ease-exit: cubic-bezier(.4,0,1,1);
  --c-bg: #F4EFE6;
  --c-surface: #FBF8F2;
  --c-surface-sunken: #ECE5D8;
  --c-line: #D8CEBB;
  --c-line-strong: #A99F8C;
  --c-text: #0D2135;
  --c-text-muted: #4B5B6B;
  --c-text-inverse: #F4EFE6;
  --c-accent: #0F5A75;
  --c-accent-fill: #0D2135;
  --c-on-accent-fill: #F4EFE6;
  --c-gold: #E8BF59;
  --c-gold-text: #7E5A0E;
  --c-dawn: #D9673F;
  --c-sea: #0D2135;
  --c-horizon: #F0DCC0;
  --c-sea-line: #E8BF59;
  --c-success: #1E7A52;
  --c-warn: #AD6100;
  --c-danger: #B42318;
  --c-focus: #0F5A75;
  --shadow-sm: 0 1px 2px rgba(13,33,53,.06), 0 2px 8px rgba(13,33,53,.05);
  --shadow-md: 0 2px 4px rgba(13,33,53,.06), 0 12px 32px rgba(13,33,53,.10);
  --shadow-window: 0 0 0 1px rgba(13,33,53,.10), 0 30px 80px -20px rgba(3,11,20,.45), 0 12px 24px -12px rgba(3,11,20,.30);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg: #071320;
    --c-surface: #0D1C2C;
    --c-surface-sunken: #0A1826;
    --c-line: #1F3347;
    --c-line-strong: #4A6178;
    --c-text: #ECE6D9;
    --c-text-muted: #94A4B5;
    --c-text-inverse: #071320;
    --c-accent: #7CC4DC;
    --c-accent-fill: #E8BF59;
    --c-on-accent-fill: #0D2135;
    --c-gold: #E8BF59;
    --c-gold-text: #E8BF59;
    --c-dawn: #F08F6C;
    --c-sea: #030B14;
    --c-horizon: #132A40;
    --c-sea-line: #E8BF59;
    --c-success: #5CCB98;
    --c-warn: #FFB857;
    --c-danger: #FF8A7A;
    --c-focus: #7CC4DC;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
    --shadow-md: 0 2px 4px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.45);
    --shadow-window: 0 0 0 1px rgba(236,230,217,.10), 0 30px 80px -20px rgba(0,0,0,.8), 0 12px 24px -12px rgba(0,0,0,.6);
  }
}

:root[data-theme="dark"] {
  --c-bg: #071320;
  --c-surface: #0D1C2C;
  --c-surface-sunken: #0A1826;
  --c-line: #1F3347;
  --c-line-strong: #4A6178;
  --c-text: #ECE6D9;
  --c-text-muted: #94A4B5;
  --c-text-inverse: #071320;
  --c-accent: #7CC4DC;
  --c-accent-fill: #E8BF59;
  --c-on-accent-fill: #0D2135;
  --c-gold: #E8BF59;
  --c-gold-text: #E8BF59;
  --c-dawn: #F08F6C;
  --c-sea: #030B14;
  --c-horizon: #132A40;
  --c-sea-line: #E8BF59;
  --c-success: #5CCB98;
  --c-warn: #FFB857;
  --c-danger: #FF8A7A;
  --c-focus: #7CC4DC;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 2px 4px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.45);
  --shadow-window: 0 0 0 1px rgba(236,230,217,.10), 0 30px 80px -20px rgba(0,0,0,.8), 0 12px 24px -12px rgba(0,0,0,.6);
}