/* 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: #faf9f7;   /* 오렌지 쪽으로 살짝 기운 따뜻한 중성 */
  --surface-2: #f4f2ee;
  --sunken:  #f4f2ee;

  --ink:     #14120e;
  --body:    #46423a;
  --dim:     #6e6960;
  --faint:   #8a8478;   /* 비텍스트 장식 전용 */

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

  --accent:      #d87050;   /* 면 — 버튼 배경·막대·점 */
  --accent-deep: #b8461f;
  --accent-text: #b8461f;   /* 글자 — 링크·번호 */
  --accent-wash: #fdf3ef;   /* 아주 옅은 바닥 */

  --code-bg: #17150f;
  --code-fg: #e9e5dd;
  --code-dim:#9c968a;
  --code-ok: #6fcf8f;

  --sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, 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;
}