/* VLYVLY Design Tokens — synced from docs/team-comms/stuff/design-tokens.md
 * Phase A primitives. Source of truth: 홈팀이 보낸 spec 파일.
 * 향후 토큰 변경 시 동기 갱신 필요. */
:root {
  /* Signature 3 colors */
  --pink: #ff2d87;
  --lime: #d8ff3c;
  --blue: #2e5bff;

  /* Base / neutrals */
  --carbon: #0a0a0a;
  --bright: #fafafa;
  --chrome: #c8ced6;
  --patent: #1a1a1f;
  --paper-gray: #e8e8e8;

  /* Secondary (rare) */
  --yellow: #ffd400;
  --red: #e63946;
  --bubble: #ffa8d8;

  /* Severity (랜딩 + 매거진 + PDF 리포트 공통 — Thread 07 합의) */
  --severity-high: var(--pink);
  --severity-warn: var(--yellow);
  --severity-info: var(--blue);

  /* Fonts */
  --font-display: 'Fraunces', 'Pretendard', ui-serif, Georgia, serif;
  --font-body:
    'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Type scale */
  --type-display: clamp(40px, 7vw, 96px);
  --type-display-sm: clamp(36px, 5.6vw, 80px);
  --type-section: clamp(36px, 5.2vw, 72px);
  --type-body-lead: clamp(16px, 1.4vw, 18px);

  /* Layout */
  --page-narrow: 980px;
  --page-default: 1080px;
  --page-wide: 1240px;
  --gutter: clamp(16px, 4vw, 80px);
  --maxw: 1440px;
  --header-h: 56px;

  /* Section padding */
  --section-pad-y-sm: clamp(40px, 6vw, 80px);
  --section-pad-y: clamp(56px, 8vw, 120px);
  --section-pad-y-lg: clamp(72px, 10vw, 160px);

  /* Card / grid gap */
  --grid-gap-sm: 16px;
  --grid-gap-md: 24px;
  --grid-gap-lg: 32px;
  --card-pad: clamp(20px, 2.5vw, 32px);
  --shadow-sticker: 0 10px 30px rgba(0, 0, 0, 0.35);
}