@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Bold.woff2") format("woff2");
}

:root {
  --navy-950: #101a2b;
  --navy-900: #172033;
  --navy-800: #243149;

  --purple-700: #762687;
  --purple-100: #f3eaf5;

  --brass-500: #c9a45c;
  --brass-400: #d8bb7d;

  --ivory-100: #f6f3ed;
  --ivory-50: #faf8f4;
  --white: #ffffff;

  --text-primary: #202633;
  --text-secondary: #646b77;
  --text-light: #ffffff;
  --border: #e3dfd8;

  --site-width: 1200px;
  --site-gutter: 32px;
  --container: var(--site-width);
  --desktop-gutter: var(--site-gutter);
  --mobile-gutter: 20px;

  --site-container-width: min(
    var(--site-width),
    calc(100% - (var(--site-gutter) * 2))
  );

  --eeum-purple: #762687;
  --eeum-footer: #42154d;
  --eeum-deep: var(--navy-950);
  --eeum-ink: var(--text-primary);
  --eeum-white: var(--white);
  --eeum-lavender: var(--ivory-50);
  --eeum-gold: var(--brass-500);
  --eeum-gold-dark: #b38d45;
  --eeum-muted: var(--text-secondary);
  --eeum-line: var(--border);
  --eeum-soft: var(--ivory-50);
  --eeum-overlay: rgba(16, 26, 43, 0.62);
  --surface: var(--white);
  --surface-soft: var(--ivory-50);
  --shadow: 0 12px 32px rgba(24, 28, 38, 0.05);
  --radius: 10px;
  --header-h: 76px;
  --topbar-h: 32px;
  --container-max: var(--container);
  --container-width: var(--container);
  --page-padding: var(--desktop-gutter);
  --mobile-cta-h: 72px;
  --font: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-en: "Montserrat", "Pretendard", sans-serif;
  --focus: 0 0 0 3px rgba(201, 164, 92, 0.55);
}

@media (max-width: 980px) {
  :root {
    --header-h: 72px;
    --topbar-h: 0px;
    --page-padding: var(--mobile-gutter);
  }
}

@media (max-width: 767px) {
  :root {
    --site-gutter: 20px;
    --desktop-gutter: var(--mobile-gutter);
    --header-h: 72px;
    --topbar-h: 0px;
    --page-padding: var(--mobile-gutter);
  }
}

@media (max-width: 430px) {
  :root {
    --header-h: 80px;
    --topbar-h: 0px;
    --mobile-cta-h: 60px;
    --page-padding: var(--mobile-gutter);
  }
}