/* RTL 자동 반전본 — 원본: /en/assets/css/tokens.css (직접 고치지 말 것: ~/kowon-i18n/flip_css.js) src-md5=42258aee537ac49e31ab5ab4e917c00c */
/* design/tokens.json 에서 생성. 값은 Figma export 원본 그대로.
   반응형: 크기 토큰만 브레이크포인트에서 재정의한다. 섹션 CSS 는 토큰만 쓴다. */
:root{
  /* ── color ───────────────────────────────────────── */
  --brand:#ff0a6c;
  --brand-dark:#c4004e;
  --brand-tint-1:#fff1f7;
  --brand-tint-2:#fff5f9;
  --brand-tint-3:#ffe6f1;
  --text-primary:#333333;
  --text-secondary:#666666;
  --text-tertiary:#999999;
  --text-inverse:#ffffff;
  --surface:#ffffff;
  --surface-muted:#f5f5f5;
  --surface-dark:#2b2b2b;
  --surface-navy:#141d33;
  --icon-muted:#c9c9c9;
  --sns-line:#00b900;
  /* 시안의 회색 테두리 5종(#d9d9d9 #b5b5b5 #b8b8b8 #a4a4a4 #9c9c9c)은
     tokens.json _needs_decision 항목. 임의 통일하지 않고 용도별로 남긴다. */
  --line-soft:#d9d9d9;
  --line-mid:#b5b5b5;
  --line-strong:#a4a4a4;
  --line-outline:#9c9c9c;

  /* ── type family ─────────────────────────────────── */
  --font-sans:'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo',sans-serif;
  --font-display:'Italiana','Marcellus',serif;
  --font-ui:'Inter Tight',var(--font-sans);
  --font-numeric:'Montaga',var(--font-display);
  --ls-tight:-0.02em;
  --ls-wide:0.2em;

  /* ── type scale — 시안(1920) 기준값 ───────────────── */
  --fs-80:80px;   /* 메인 히어로 H1 */
  --fs-60:60px;
  --fs-50:50px;   /* 섹션 H2 */
  --fs-40:40px;
  --fs-32:32px;
  --fs-24:24px;
  --fs-22:22px;
  --fs-20:20px;   /* eyebrow / lead */
  --fs-18:18px;   /* 본문 */
  --fs-16:16px;
  --fs-14:14px;
  --fs-12:12px;

  /* ── spacing — 섹션 상하 여백 ────────────────────── */
  --sp-section:120px;
  --sp-block:60px;
  --sp-stack:40px;
  --sp-gap:30px;
  --sp-tight:16px;

  /* ── radius / shadow ─────────────────────────────── */
  --radius-pill:60px;
  --radius-card:20px;
  --radius-chip:28px;
  --radius-sm:12px;
  --radius-xs:8px;
  --shadow-card:0 4px 30px 0 rgba(0,0,0,0.12);

  /* ── layout ──────────────────────────────────────── */
  --artboard:1920px;
  --container:1280px;
  --gutter:24px;      /* 컨테이너가 유동일 때의 좌우 최소 여백 */
  --header-h:100px;
}

/* 1024–1279 : 컨테이너만 유동. 타이포는 데스크톱 유지 */
@media (max-width:1279px){
  :root{ --gutter:40px; --sp-section:100px; --sp-block:52px; }
}

/* 태블릿 768–1023 */
@media (max-width:1023px){
  :root{
    --fs-80:56px; --fs-60:44px; --fs-50:38px; --fs-40:32px; --fs-32:26px;
    --fs-24:21px; --fs-22:20px; --fs-20:18px; --fs-18:17px; --fs-16:15px;
    --fs-14:13px; --fs-12:12px;
    --gutter:32px; --sp-section:80px; --sp-block:44px; --sp-stack:32px;
    --sp-gap:20px; --header-h:72px;
    --radius-card:16px;
  }
}

/* 모바일 <768 */
@media (max-width:767px){
  :root{
    --fs-80:36px; --fs-60:32px; --fs-50:28px; --fs-40:26px; --fs-32:22px;
    --fs-24:19px; --fs-22:18px; --fs-20:17px; --fs-18:16px; --fs-16:14px;
    --fs-14:13px; --fs-12:11px;
    --gutter:20px; --sp-section:60px; --sp-block:36px; --sp-stack:24px;
    --sp-gap:16px; --header-h:60px;
    --radius-pill:44px; --radius-card:14px;
  }
}