/*
 * fx 토큰 — 시안 C(mock-c/tokens.css) 값 그대로. 값을 바꾸지 말고 필요하면 보고한다.
 * 이름 규칙: 옛 레이어(assets/css/tokens.css·renewal/*)가 이미 --fx-lime·--fx-surface-0·--fx-line·--fx-r 등
 * 73개를 쓰고 있어, 겹치지 않는 이름만 쓴다(겹침 목록은 stage0-A-changes.md).
 */
:root{
  /* 면 4단(잉크) + 라이트 2단 */
  --fx-s0:#0a0a0b;
  --fx-s1:#111113;
  --fx-s2:#1a1a1e;
  --fx-s3:#25252b;
  --fx-paper:#f7f7f5;
  --fx-paper-2:#efefec;
  --fx-edge-ink:rgba(255,255,255,.10);
  --fx-edge-ink-strong:rgba(255,255,255,.22);
  --fx-edge-paper:#e4e4df;
  --fx-edge-paper-strong:#cfcfc8;

  /* 글자 3단: 어두운 면(t) / 라이트 면(k) */
  --fx-t1:#f7f7f5;
  --fx-t2:rgba(247,247,245,.72);
  --fx-t3:rgba(247,247,245,.56);
  --fx-k1:#111111;
  --fx-k2:#3a3a37;
  --fx-k3:#6b6b66;

  /* 포인트: 라임은 잉크 글자 위 면, 또는 어두운 면 위 글자색으로만 */
  --fx-brand:#c8f05a;
  --fx-brand-hover:#d4f67a;
  --fx-brand-deep:#a9d23a;
  --fx-brand-glow:rgba(200,240,90,.28);
  --fx-brand-ink:#111111;
  --fx-alert:#ff7a6b;      /* 어두운 면 위 오류 */
  --fx-alert-paper:#b42318;/* 라이트 면 위 오류 */

  --fx-face:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,'Noto Sans KR',sans-serif;

  /* 크기 */
  --fx-size-display:clamp(40px,7vw,84px);
  --fx-size-h2:clamp(30px,4.4vw,56px);
  --fx-size-h3:clamp(22px,2.2vw,28px);
  --fx-size-lead:clamp(17px,1.5vw,20px);
  --fx-size-body:17px;
  --fx-size-small:14px;
  --fx-size-min:13px;

  /* 간격 4배수 */
  --fx-sp-1:4px;  --fx-sp-2:8px;  --fx-sp-3:12px; --fx-sp-4:16px;
  --fx-sp-6:24px; --fx-sp-8:32px; --fx-sp-12:48px; --fx-sp-16:64px;
  --fx-sp-24:96px;--fx-sp-32:128px;
  --fx-sec-y:clamp(80px,10vw,160px);
  --fx-wrap-w:1200px;
  --fx-gut:clamp(16px,4vw,32px);

  /* 모양 */
  --fx-radius-s:8px; --fx-radius-m:12px; --fx-radius-l:20px; --fx-radius-pill:999px;
  --fx-shadow-s:0 12px 40px rgba(0,0,0,.45);
  --fx-shadow-m:0 40px 70px -30px rgba(0,0,0,.8);
  --fx-shadow-l:0 70px 120px -40px rgba(0,0,0,.95),0 24px 50px -24px rgba(0,0,0,.8);
  --fx-shadow-paper:0 30px 60px -30px rgba(0,0,0,.5);

  /* 마이페이지 표면 4단(2026-10-24, 허브 마이페이지 범위) — 바탕(한 단 내림) → 흰 시트(테두리, 그림자 없음) → 시트 안 보조 면 → 어두운 면 화면당 1장.
     새 값은 여기만 둔다. 정적 시트에는 그림자를 쓰지 않는다(대표 결정). 그림자는 떠 있는 요소(모달·안내 창)에만 --mp-shadow-float. */
  --mp-canvas:var(--fx-paper-2);
  --mp-sheet:#fff;
  --mp-inset:var(--fx-paper);
  --mp-ink:var(--fx-s1);
  --mp-sheet-edge:var(--fx-edge-paper-strong);
  --mp-line:var(--fx-edge-paper);
  --mp-shadow-float:0 12px 32px -16px rgba(17,17,17,.28);

  /* 모션 */
  --fx-ease-std:cubic-bezier(.2,0,0,1);
  --fx-ease-out:cubic-bezier(.16,1,.3,1);
  --fx-time-fast:.2s;
  --fx-time-mid:.3s;
  --fx-time-slow:.6s;
  --fx-time-reveal:.8s;
}