/* 나노마케팅 제안서 디자인 값 한 벌. 화면의 색·글꼴·크기·간격·움직임 값은 모두 여기서 가져온다. */
:root {
  /* 바탕과 글자 */
  --bg: #050505;                         /* 무대 바탕 */
  --surface: rgba(255, 255, 255, 0.03);  /* 카드 바탕 */
  --surface-2: rgba(255, 255, 255, 0.05);
  --line: rgba(255, 255, 255, 0.08);     /* 카드 테두리 */
  --line-2: rgba(255, 255, 255, 0.14);
  --ink: #ffffff;
  --ink-2: rgba(255, 255, 255, 0.72);    /* 설명 글 (작은 글자 대비 4.5:1 이상) */
  --ink-3: rgba(255, 255, 255, 0.56);    /* 보조 글 (대비 4.5:1 이상) */
  --ink-4: rgba(255, 255, 255, 0.2);     /* 장식 숫자·꺼진 점 (읽을 필요 없는 것만) */

  /* 브랜드 붉은색 — 로고·상담 단추와 같은 값 */
  --red: #ce2a1e;
  --red-deep: #c32b1f;
  --red-text: #f0503f;                   /* 검은 바탕 위 작은 붉은 글자 (6.4:1) */
  --red-copy: #ff6a5a;                   /* 검은 바탕 위 붉은 문장 (7.2:1) */
  --red-soft: rgba(206, 42, 30, 0.10);   /* 강조 카드 바탕 */
  --red-faint: rgba(206, 42, 30, 0.045); /* 연한 강조 바탕 */
  --red-line: rgba(206, 42, 30, 0.42);   /* 강조 테두리 */
  --red-glow-1: rgba(206, 42, 30, 0.30);
  --red-glow-2: rgba(206, 42, 30, 0.70);

  /* 글꼴 */
  --font: 'Pretendard Variable', Pretendard, 'Noto Sans KR', system-ui, sans-serif;

  /* 글자 크기 (1440 화면 기준 값, 좁은 화면은 clamp 로 줄어든다) */
  --fs-statement: clamp(48px, 5.556vw, 80px);
  --fs-close-big: clamp(40px, 3.889vw, 56px);
  --fs-close-light: clamp(24px, 2.222vw, 32px);
  --fs-title: clamp(34px, 3.333vw, 48px);
  --fs-sub-light: clamp(20px, 2vw, 28.8px);
  --fs-card-title: 15px;
  --fs-body: 14px;
  --fs-small: 12px;
  --fs-label: 11px;

  /* 간격·크기 */
  --content: 1024px;      /* 가운데 본문 폭 */
  --gap-head: 40px;       /* 제목 묶음 → 본문 */
  --card-pad: 16px 20px;
  --radius-card: 12px;    /* 카드 모서리 (rounded-xl) */
  --radius-panel: 16px;   /* 큰 판 */
  --radius-pill: 999px;
  --node: 44px;           /* 단계 원 지름 */

  /* 움직임 */
  --ease-std: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in-el: cubic-bezier(0.25, 0.1, 0.35, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-scene: 380ms;
  --t-el: 300ms;
  --t-head: 700ms;
  --t-step: 100ms;
  --rise-head: 30px;
  --rise-el: 16px;
  --t-glow: 2500ms;
  --t-flow: 1600ms;
}