/* Generated by packages/tokens/scripts/build.mjs from brand/tokens.json. Do not edit by hand. */

:root {
  --cd-bg: #0B1F2A;
  --cd-surface: #12303D;
  --cd-surface-raised: #1C4552;
  --cd-fill-quiet: #163A47;
  --cd-line: #1C4552;
  --cd-line-strong: #4F7F86;
  --cd-ink: #EAF4F1;
  --cd-ink-2: #A9CBC8;
  --cd-ink-3: #7FA6A6;
  --cd-lagoon: #5FD3C6;
  --cd-lagoon-strong: #86E3D7;
  --cd-lagoon-text: #5FD3C6;
  --cd-on-lagoon: #0B1F2A;
  --cd-lantern: #FFD27A;
  --cd-lantern-text: #FFD27A;
  --cd-on-lantern: #0B1F2A;
  --cd-ember: #FF9F8A;
  --cd-scrim: rgba(11,31,42,0.92);
  --cd-cast-calmy: #5FD3C6;
  --cd-cast-calmy-light: #D6FAF4;
  --cd-cast-calmy-mid: #86E3D7;
  --cd-cast-calmy-deep: #3DB5AB;
  --cd-cast-sleepy: #FFD27A;
  --cd-cast-lumi: #FFB48A;
  --cd-cast-lumi-cap: #2E5A63;
  --cd-cast-breezy: #DCEBFF;
  --cd-cast-melo: #FF9E86;
  --cd-cast-melo-ridge: #FFD0C2;
  --cd-cast-sprout: #A6DB86;
  --cd-cast-sprout-leaf: #7CC46A;
  --cd-cast-sprout-stem: #5BA35A;
  --cd-cast-face-ink: #0B1F2A;
  --cd-cast-blush: #FF9F8A;
  --cd-cast-moon-gleam: #FFFFFF;
  --cd-font-display: "Outfit", "M PLUS Rounded 1c", "Noto Sans KR", system-ui, sans-serif;
  --cd-font-text: "DM Sans", "Noto Sans JP", "Noto Sans KR", system-ui, sans-serif;
  --cd-radius-xs: 10px;
  --cd-radius-s: 14px;
  --cd-radius-button: 16px;
  --cd-radius-m: 18px;
  --cd-radius-l: 24px;
  --cd-radius-card: 28px;
  --cd-radius-sheet: 36px;
  --cd-space-2: 2px;
  --cd-space-4: 4px;
  --cd-space-8: 8px;
  --cd-space-12: 12px;
  --cd-space-16: 16px;
  --cd-space-20: 20px;
  --cd-space-24: 24px;
  --cd-space-32: 32px;
  --cd-space-40: 40px;
  --cd-space-48: 48px;
  --cd-space-64: 64px;
  --cd-shadow-float: 0 12px 32px rgba(4,14,20,0.35);
  --cd-ease-settle: cubic-bezier(0.22, 1, 0.36, 1);
  --cd-ease-float: cubic-bezier(0.37, 0, 0.63, 1);
  --cd-ease-lift: cubic-bezier(0.34, 1.4, 0.64, 1);
  --cd-dur-tap: 120ms;
  --cd-dur-default: 240ms;
  --cd-dur-page: 420ms;
  --cd-dur-celebrate: 700ms;
  --cd-dur-float: 5000ms;
  --cd-dur-tide: 6000ms;
  --cd-dur-ripple: 4000ms;
  color-scheme: dark;
}

[data-theme="day"] {
  --cd-bg: #EEF5F3;
  --cd-surface: #FFFFFF;
  --cd-surface-raised: #FFFFFF;
  --cd-fill-quiet: #DCECE8;
  --cd-line: #D3E5E1;
  --cd-line-strong: #6E8F93;
  --cd-ink: #0E2A33;
  --cd-ink-2: #3E6168;
  --cd-ink-3: #4E6E74;
  --cd-lagoon: #5FD3C6;
  --cd-lagoon-strong: #2FA59C;
  --cd-lagoon-text: #0B7268;
  --cd-on-lagoon: #0B1F2A;
  --cd-lantern: #FFD27A;
  --cd-lantern-text: #8A5A00;
  --cd-on-lantern: #0B1F2A;
  --cd-ember: #FF9F8A;
  --cd-scrim: rgba(14,42,51,0.78);
  color-scheme: light;
}

.cd-display-xl { font-family: var(--cd-font-display); font-size: 44px; line-height: 48px; font-weight: 800; letter-spacing: -0.5px; }
.cd-display-l { font-family: var(--cd-font-display); font-size: 34px; line-height: 40px; font-weight: 800; letter-spacing: -0.4px; }
.cd-title { font-family: var(--cd-font-display); font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -0.2px; }
.cd-headline { font-family: var(--cd-font-text); font-size: 19px; line-height: 26px; font-weight: 800; }
.cd-body-l { font-family: var(--cd-font-text); font-size: 18px; line-height: 28px; font-weight: 500; }
.cd-body { font-family: var(--cd-font-text); font-size: 16px; line-height: 24px; font-weight: 500; }
.cd-label { font-family: var(--cd-font-text); font-size: 14px; line-height: 20px; font-weight: 700; }
.cd-caption { font-family: var(--cd-font-text); font-size: 13px; line-height: 18px; font-weight: 600; }
.cd-overline { font-family: var(--cd-font-text); font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; }