:root {
  --color-navy: #0d2b45;
  --color-navy-deep: #081828;
  --color-primary: #2e86c1;
  --color-primary-dark: #1a5c8a;
  --color-primary-light: rgba(46, 134, 193, 0.18);
  --color-accent: #4fc3c1;
  --color-accent-soft: #aed6f1;
  --color-cream: rgba(255, 255, 255, 0.05);
  --color-cream-dark: rgba(255, 255, 255, 0.08);
  --color-text: #eaf4fb;
  --color-text-muted: rgba(174, 214, 241, 0.78);
  --color-text-light: rgba(174, 214, 241, 0.5);
  --color-bg: transparent;
  --color-surface: rgba(8, 24, 40, 0.55);
  --color-surface-solid: rgba(13, 43, 69, 0.85);
  --color-line: rgba(46, 134, 193, 0.22);

  --font-sans: "Noto Sans KR", "Inter", system-ui, sans-serif;
  --font-display: "Cormorant Garamond", "Noto Sans KR", serif;
  --font-en: "Inter", "Noto Sans KR", sans-serif;
  --font-ja: "Noto Sans JP", "Noto Sans KR", sans-serif;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3.5rem;
  --space-3xl: 5rem;
  --space-4xl: 7rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.25);
  --header-height: 76px;
  --container-max: 1080px;
  --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

html[lang="en"] {
  --font-sans: var(--font-en);
}

html[lang="ja"] {
  --font-sans: var(--font-ja);
}