:root {
  color-scheme: light;
  --font-sans: Inter, Pretendard, "Noto Sans KR", "Noto Sans SC", -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;

  --ink-950: #061426;
  --ink-900: #071b35;
  --ink-800: #0f2b4d;
  --ink-700: #1f4168;
  --ink-600: #355a81;
  --ink-500: #5d7895;
  --ink-300: #9cadbd;
  --ink-200: #c8d2dc;
  --ink-100: #e8edf2;
  --ink-050: #f6f8fb;

  --paper: #ffffff;
  --paper-soft: #f7f9fb;
  --paper-warm: #fbfaf6;
  --line: rgba(6, 20, 38, 0.12);
  --line-strong: rgba(6, 20, 38, 0.2);

  --blue-700: #074f9f;
  --blue-600: #1168c8;
  --blue-500: #2787de;
  --cyan-400: #4ab5cf;
  --green-500: #2f8d74;
  --amber-500: #c69a44;
  --red-soft: #d64b55;

  --hero-bg: #061427;
  --hero-bg-2: #09294d;
  --hero-line: rgba(121, 183, 226, 0.2);
  --hero-text: #f7fbff;
  --hero-muted: rgba(232, 240, 248, 0.72);

  --container: 1240px;
  --container-pad: clamp(20px, 4vw, 48px);
  --section-pad: 96px;
  --section-pad-sm: 64px;

  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 24px;
  --radius-xl: 28px;

  --shadow-soft: 0 18px 60px rgba(6, 20, 38, 0.08);
  --shadow-hover: 0 24px 70px rgba(6, 20, 38, 0.12);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 180ms;
  --duration-med: 360ms;
  --duration-slow: 720ms;

  --header-height: 80px;
}

html[data-locale="zh"] {
  --font-sans: Inter, "Noto Sans SC", "Noto Sans KR", -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
}