:root {
  /* ============================================
     NUKA · GIOVANNI ACEVEDO
     Sistema de Diseño v2 — Editorial Minimal
     ============================================ */

  /* Colors — Harmonized, OKLch-derived */
  --color-bg: #FFFFFF;
  --color-surface: #F7F6F4;
  --color-primary: #1a1a1a;
  --color-accent: #fa7026;
  --color-accent-dark: #B8965A;
  --color-tertiary: #8C6F4A;
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #767676;
  --color-border: #E0DDD9;
  --color-neutral: #F7F6F4;
  --color-overlay: rgba(0, 0, 0, 0.95);
  --color-whatsapp: #25D366;
  --color-error: #c0392b;

  /* Typography Families */
  --font-display: 'Oswald', 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: ui-monospace, 'IBM Plex Mono', 'JetBrains Mono', Menlo, monospace;

  /* Type Scale — More dramatic contrast */
  --text-display: clamp(90px, 25vw, 200px);
  --text-h1: clamp(52px, 7vw, 96px);
  --text-h2: clamp(36px, 4.5vw, 64px);
  --text-h3: clamp(24px, 2vw, 32px);
  --text-h4: clamp(18px, 1.4vw, 22px);
  --text-body: clamp(16px, 1.15vw, 20px);
  --text-body-large: clamp(18px, 1.4vw, 24px);
  --text-label: clamp(14px, 0.85vw, 18px);
  --text-meta: clamp(12px, 0.85vw, 14px);
  --text-small: clamp(12px, 0.85vw, 14px);

  /* Spacing — Rhythm system with more editorial scale */
  --space-xs: clamp(4px, 0.5vw, 8px);
  --space-sm: clamp(8px, 1vw, 12px);
  --space-md: clamp(16px, 2vw, 24px);
  --space-lg: clamp(24px, 3vw, 32px);
  --space-xl: clamp(32px, 4vw, 48px);
  --space-2xl: clamp(48px, 6vw, 80px);
  --space-3xl: clamp(80px, 10vw, 120px);
  --space-4xl: clamp(120px, 15vw, 180px);
  --space-section-sm: clamp(48px, 6vw, 80px);
  --space-section-md: clamp(64px, 8vw, 100px);
  --space-section-lg: clamp(80px, 12vw, 160px);

  /* Layout — FULL WIDTH */
  --max-width: 100%;
  --padding-x: clamp(20px, 4vw, 64px);
  --nav-height: 72px;
  --gallery-gap: 2px;

  /* Grid */
  --grid-columns: 12;
  --grid-gap: var(--space-md);

  /* Motion */
  --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-mid: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 700ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-reveal: 900ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-page: 500ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-index */
  --z-nav: 1000;
  --z-lightbox: 2000;
  --z-whatsapp: 900;
  --z-cursor: 9999;
  --z-card: 10;
}