@charset "utf-8";

/* Woneum design tokens
   Scope: global color, layout, typography, and motion variables. */
:root {
  /* Seoul Diocese palette: Sand Beige */
  --we-color-primary: #4e4035;
  --we-color-primary-strong: #262522;
  --we-color-secondary: #8fa3b8;
  --we-color-accent: #c6a24a;
  --we-color-background: #f6efe4;
  --we-color-surface: #fbf7f0;
  --we-color-soft: #f6efe4;
  --we-color-surface-secondary: #fbf7f0;
  --we-color-heading: #4e4035;
  --we-color-text: #5f564f;
  --we-color-muted: #8a7e72;
  --we-color-line: #d8c7ae;
  --we-color-primary-rgb: 78, 64, 53;
  --we-color-primary-strong-rgb: 38, 37, 34;
  --we-color-danger: #e54872;
  --we-color-success: #16a34a;
  --we-layout-max: 1440px;
  --we-gutter: clamp(20px, 4vw, 42px);
  --we-radius: 24px;
  --we-shadow: 0 20px 60px rgba(28, 34, 32, .08);
  --wons-page-hero-padding-start: clamp(52px, 6vw, 84px);
  --wons-page-hero-padding-end: clamp(36px, 4vw, 56px);
  --wons-page-hero-content-max: 1200px;
  --wons-page-hero-gutter: clamp(20px, 4vw, 40px);
  --wons-page-hero-copy-min-height: 206px;
  --wons-page-hero-eyebrow-size: 12px;
  --wons-page-hero-eyebrow-gap: 12px;
  --wons-page-hero-eyebrow-spacing: .16em;
  --wons-page-hero-title-size: clamp(48px, 7vw, 88px);
  --wons-page-hero-title-line-height: 1.04;
  --wons-page-hero-title-spacing: -.055em;
  --wons-page-hero-description-size: clamp(16px, 1.6vw, 20px);
  --wons-page-hero-description-gap: 20px;
  --wons-page-hero-description-line-height: 1.7;
  --we-font-main: "WONDotum", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --we-font-heading: var(--we-font-main);
  --we-font-content: var(--we-font-main);
  --we-font-menu: var(--we-font-main);
  --we-font-size-base: 16px;
  --we-font-size-menu: 16px;
  --we-font-size-menu-depth1: var(--we-font-size-menu);
  --we-font-size-menu-depth2: 15px;
  --we-font-size-menu-mega: 15px;
  --we-font-size-heading: 40px;
  --we-font-size-content: 16px;
  --we-font-size-mobile-menu-depth1: 18px;
  --we-font-size-mobile-menu-depth2: 15px;
  --we-font-weight-base: 400;
  --we-font-weight-heading: 800;
  --we-font-weight-content: 400;
  --we-font-weight-menu-depth1: 800;
  --we-font-weight-menu-depth2: 700;
  --we-font-weight-menu-mega: 700;
  --we-font-weight-mobile-menu-depth1: 800;
  --we-font-weight-mobile-menu-depth2: 700;
  --we-ease: cubic-bezier(.22, 1, .36, 1);
}

@media (max-width: 1180px) {
  :root {
    --we-gutter: clamp(18px, 4vw, 34px);
  }
}

@media (max-width: 640px) {
  :root {
    --we-gutter: 18px;
    --we-radius: 18px;
    --wons-page-hero-gutter: 20px;
    --wons-page-hero-copy-min-height: 206px;
    --wons-page-hero-title-size: clamp(40px, 12vw, 56px);
    --wons-page-hero-description-size: 16px;
  }
}