/* every._ai — 흰 바탕 · 오렌지 10%
   ─────────────────────────────────────────────────────────
   오렌지가 들어가는 자리는 딱 넷이다. 그 밖에는 중성색만 쓴다.
     ① 히어로의 한 단어      ② 복사 버튼 면
     ③ STEP 번호·섹션 번호   ④ 링크(밑줄) · 포커스
   나머지 리듬은 어두운 코드 판이 만든다. 색이 아니라 명도로 나눈다.

   실측 대비(흰 바탕): ink 18.71 · body 10.00 · dim 5.45 · accent-text 5.34
   #d87050 은 흰 바탕에서 3.31:1 이라 **글자로 쓰지 않는다.** 면에만.        */
:root {
  --bg:      #ffffff;
  --surface: #f7f7f8;   /* 11-08 보라 개편: 중성 회색(색 기울기 없음) */
  --surface-2: #f1f1f3;
  --sunken:  #f1f1f3;

  --ink:     #14120e;
  --body:    #3d3d43;
  --dim:     #6b6b73;
  --faint:   #8c8c95;   /* 비텍스트 장식 전용 */

  --line:    #e7e7eb;   /* 카드 테두리 */
  --rule:    #d6d6dc;   /* 구획선 */

  /* 11-08 보라 개편(사용자 「글씨는 검정, 보라만 포인트」): 포인트는 #5b2ee0 하나(흰 바탕 대비 6.4), 진보라 #3f1c94 는 프로필 배경색. 옛 주석: 10-31 주황은 #c2410c 하나(흰 바탕 대비 5.18 — 글자·면 모두). 아래 다섯 이름은 옛 코드 호환용으로 같은 값 */
  --accent:      #5b2ee0;
  --accent-deep: #3f1c94;
  --accent-text: #5b2ee0;
  --accent-display: #5b2ee0;
  --accent-wash: #f3effe;

  --code-bg: #17150f;
  --code-fg: #e9e5dd;
  --code-dim:#9c968a;
  --code-ok: #ffffff;   /* 「성공하면」 — 초록을 없애고 흰 굵은 글자 */

  --sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono: var(--sans);   /* 11-02 JetBrains Mono 금지: 라벨은 본문 서체. 코드 칸만 --code */
  --code: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --t-h1: clamp(33px, 5.2vw, 46px);
  --t-h2: 26px;
  --t-h3: 18px;
  --t-body: 16.5px;

  --wrap: 720px;
  --gap:  64px;
  --r: 10px;
  --ease: cubic-bezier(.16, 1, .3, 1);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --skill-wrap: 1120px;
  --skill-radius-card: 20px;
  --skill-radius-button: 12px;
  --skill-radius-pill: 999px;
  --skill-title-home: clamp(40px, 6vw, 64px);
  --skill-title-product: clamp(38px, 6vw, 68px);
  --skill-title-section: clamp(28px, 4vw, 44px);
  --skill-title-card: 28px;
  --skill-title-small: 22px;
  --skill-title-step: 19px;
  --skill-title-final: clamp(34px, 5vw, 60px);
  --skill-text-lede: 19px;
  --skill-text-panel: 18px;
  --skill-text-note: 13px;

  /* 랜딩 공통 (lib/landing.css) — 모서리는 위 skill-radius 3종(카드 20·버튼 12·알약)만 쓴다 */
  --fs-display: clamp(34px, 5.4vw, 58px);
  --fs-h2: clamp(26px, 3.4vw, 38px);
  --fs-h3: 20px;
  --fs-lede: 18px;
  --fs-small: 14px;
  --fs-micro: 12.5px;
  --section-y: clamp(64px, 9vw, 112px);
}
