/* 쏠쏠 브랜드 사이트 — 디자인 토큰 (Figma "03. Brand site" 확정본 기준)
   추출: Primary 레드 #ED1B23, 니어블랙 섹션, Pretendard, 타이포 스케일 H1~B3. */

:root {
  /* ── Brand / Primary (레드) ── */
  --c-primary: #ED1B23;
  --c-primary-press: #C41017;
  --c-primary-soft: #FEF1F2;
  --c-primary-softer: #FFE5E6;

  /* ── Ink (near-black 섹션·헤더) ── */
  --c-ink-0: #101010;   /* 가장 어두운 섹션 */
  --c-ink-1: #1A1A1A;
  --c-ink-2: #222222;
  --c-ink-3: #262626;

  /* ── Text ── */
  --c-text-900: #1A1A1A;
  --c-text-700: #424242;
  --c-text-500: #707070;
  --c-text-400: #898989;
  --c-text-300: #A0A0A0;
  --c-text-200: #BEBEBE;
  --c-text-on: #FFFFFF;

  /* ── Surface / Line ── */
  --c-bg: #FFFFFF;
  --c-bg-soft: #FAFAFA;
  --c-bg-softer: #F7F8FA;
  --c-line: #E5E5E5;
  --c-line-strong: #D9D9D9;

  /* ── Accent (state) ── */
  --c-success: #07B200;
  --c-info: #1B8BEC;
  --c-warning: #ED7C1B;
  --c-danger: #ED1B23;

  /* ── Typography ── */
  --font-sans: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont,
    "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;

  --fs-h1: 44px;  --fs-h2: 36px;  --fs-h3: 32px;  --fs-h4: 28px;
  --fs-h5: 24px;  --fs-h6: 20px;
  --fs-b1: 16px;  --fs-b2: 14px;  --fs-b3: 13px;  --fs-cap: 12px;

  --fw-regular: 400;  --fw-medium: 500;  --fw-semibold: 600;  --fw-bold: 700;
  --lh-tight: 1.25;   --lh-normal: 1.5;  --lh-relaxed: 1.65;

  /* ── Radius ── */
  --r-sm: 6px;  --r-md: 8px;  --r-lg: 12px;  --r-xl: 16px;  --r-2xl: 20px;  --r-full: 999px;

  /* ── Spacing / Layout ── */
  --container: 1200px;
  --gap: 24px;
  --section-y: 96px;

  /* ── Shadow ── */
  --shadow-sm: 0 1px 2px rgba(16,16,16,.06);
  --shadow-md: 0 4px 16px rgba(16,16,16,.08);
  --shadow-lg: 0 12px 40px rgba(16,16,16,.12);
}