/* AXMARU 디자인 토큰 — SSOT: docs/brand/brand.json · docs/design/design-spec.md §2
   색상 HEX는 brand.json 그대로. 반투명은 팔레트 트리플 rgba만 허용. */
:root{
  /* 2.1 색상 (brand.json 원본) */
  --c-navy:#1B2A41; --c-mint:#3FB8A4; --c-ink:#141E2B; --c-icon-bg:#16202E;
  --c-cream:#FAF8F4; --c-cream-text:#F2EDE4; --c-mint-dark:#52C9B5; --c-link-light:#2E8C7E;
  --c-btn-text:#0E2622; --c-body:#5A544A; --c-border:#E0DACC; --c-page-bg:#E9E5DC;
  --c-error:#B4452B; --c-muted:#8A8273; --c-muted-navy:#7A8494;
  /* 파생 (팔레트 트리플 rgba만) */
  --c-ink-text-2: rgba(242,237,228,.72);
  --c-ink-text-3: rgba(242,237,228,.60);
  --c-ink-line:   rgba(122,132,148,.25);
  --c-ink-line-2: rgba(122,132,148,.40);
  --c-ink-line-3: rgba(122,132,148,.50);
  --c-ink-dots:   rgba(242,237,228,.07);
  --c-ghost:      rgba(27,42,65,.06);
  --c-ghost-line: rgba(27,42,65,.14);

  /* 2.3 타이포 */
  --ff: 'Pretendard Variable', 'Pretendard Fallback', Pretendard, 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
  --fs-h1: clamp(2.5rem, 6.2vw, 5.25rem);
  --fs-h2: clamp(1.875rem, 3.6vw, 3rem);
  --fs-h3: clamp(1.25rem, 1.8vw, 1.5rem);
  --fs-item: 1.25rem;
  --fs-lead: clamp(1.0625rem, .95rem + .5vw, 1.1875rem);
  --fs-body: clamp(1rem, .95rem + .25vw, 1.0625rem);
  --fs-small: .9375rem;
  --fs-caption: .8125rem;
  --fs-label: .75rem;
  --fs-num: 2.5rem;
  --fs-wordmark-header: 1.125rem;
  --fs-wordmark-footer: .875rem;
  --fs-wordmark-xl: clamp(2.5rem, 14vw, 12rem);
  --fs-ghost: clamp(6rem, 18vw, 16rem);
  --ls-heading: -0.01em; --ls-wordmark: .14em; --ls-label: .06em; --ls-caption: .02em;

  /* 2.4 간격·컨테이너·반경·그림자·z·모션 */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --container: 1160px;
  --gutter: clamp(20px, 4vw, 40px);
  --grid-gap: 32px;
  --header-h: 64px;
  --pad-section:    clamp(4.5rem, 9vw, 8rem);
  --pad-section-lg: clamp(5rem, 10vw, 9rem);
  --pad-section-xl: clamp(5rem, 11vw, 10rem);
  --pad-section-sm: clamp(3.5rem, 7vw, 6rem);
  --r-1: 4px; --r-2: 6px;
  --shadow: none;
  --z-contour:0; --z-content:1; --z-curtain:5; --z-altimeter:40; --z-header:50; --z-menu:60; --z-skip:70;
  --ease: cubic-bezier(.16,1,.3,1);
  --d-hover:160ms; --d-state:240ms; --d-reveal:480ms; --d-head:700ms; --d-line:1400ms; --d-line-long:1600ms;
  --st-0:0ms; --st-1:60ms; --st-2:140ms; --st-3:230ms; --st-4:330ms; --st-5:440ms; --st-6:560ms; --st-7:690ms;
}
@media (max-width:767px){
  :root{ --grid-gap:20px; --header-h:56px; }
}

/* 2.2 밴드 스코프 토큰 — 섹션과 헤더(html)가 같은 이름을 읽는다 */
html[data-band="ink"], [data-band="ink"]{
  --bg:#141E2B; --fg:#F2EDE4; --fg-2:rgba(242,237,228,.72); --fg-3:rgba(242,237,228,.60);
  --deco:#7A8494; --line:rgba(122,132,148,.25); --mint:#52C9B5; --link:#52C9B5;
  --node-fill:#141E2B; --node-stroke:#F2EDE4; --contour-line:#7A8494;
}
html[data-band="cream"], [data-band="cream"]{
  --bg:#FAF8F4; --fg:#1B2A41; --fg-2:#5A544A; --fg-3:#5A544A;
  --deco:#8A8273; --line:#E0DACC; --mint:#3FB8A4; --link:#2E8C7E;
  --node-fill:#FAF8F4; --node-stroke:#1B2A41; --contour-line:#1B2A41;
}
html[data-band="pageBg"], [data-band="pageBg"]{
  --bg:#E9E5DC; --fg:#1B2A41; --fg-2:#5A544A; --fg-3:#5A544A;
  --deco:#8A8273; --line:rgba(27,42,65,.14); --mint:#3FB8A4; --link:#2E8C7E;
  --node-fill:#E9E5DC; --node-stroke:#1B2A41; --contour-line:#1B2A41;
}