/* ==========================================================================
   VARIABLES & DESIGN TOKENS
   Editorial, Minimal, Evidence-Based, Premium
   ========================================================================== */

:root {
  /* Color Palette */
  --bg-primary: #F4F3F0;
  --bg-elevated: #ECEAE5;
  --bg-subtle: #E8E6E0;
  
  --text-primary: #111111;
  --text-secondary: #747474;
  --text-tertiary: #9E9D98;
  
  --border-color: #D7D5D0;
  --border-dark: #111111;
  
  --accent: #D33A2C; /* Deep Vermilion (<= 5% usage) */
  --accent-subtle: rgba(211, 58, 44, 0.08);

  /* Typography */
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  --font-mono: 'SF Mono', Consolas, Monaco, monospace;

  /* Font Sizes */
  --text-hero: clamp(3.2rem, 7.5vw, 6.5rem);
  --text-h1: clamp(2.4rem, 4.5vw, 3.8rem);
  --text-h2: clamp(1.8rem, 3vw, 2.5rem);
  --text-h3: clamp(1.3rem, 2vw, 1.75rem);
  --text-lead: clamp(1.15rem, 1.4vw, 1.35rem);
  --text-body: 1rem;
  --text-sm: 0.875rem;
  --text-meta: 0.75rem;

  /* Spacing */
  --space-unit: 8px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --space-3xl: 140px;
  --space-section: clamp(100px, 14vw, 180px);

  /* Grid & Widths */
  --container-max: 1440px;
  --container-pad: clamp(24px, 5vw, 72px);

  /* Transitions */
  --ease-editorial: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.25s;
  --duration-normal: 0.45s;
}