/* Sistema visual — señalética de emergencia editorial */

:root {
  /* Superficies: grafito profundo con capas cálidas */
  --c-void: #08090b;
  --c-base: #0d0f12;
  --c-surface: #14171c;
  --c-surface-2: #1b1f26;
  --c-line: rgba(255, 255, 255, 0.09);
  --c-line-strong: rgba(255, 255, 255, 0.18);

  /* Texto */
  --c-text: #f2f0ec;
  --c-text-soft: #a8a49c;
  --c-text-mute: #6f6b64;

  /* Acentos: ámbar de señalización + naranja de rescate */
  --c-amber: #ffb020;
  --c-amber-deep: #d98a00;
  --c-rescue: #ff5f1f;
  --c-safe: #3ad68a;
  --c-alert: #ff4d4d;

  --c-amber-glow: rgba(255, 176, 32, 0.16);
  --c-safe-glow: rgba(58, 214, 138, 0.14);

  /* Tipografía */
  --font-display: 'Archivo', 'Helvetica Neue', Impact, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.075rem);
  --text-lg: clamp(1.125rem, 1.05rem + 0.4vw, 1.35rem);
  --text-xl: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --text-2xl: clamp(2rem, 1.5rem + 2.4vw, 3.6rem);
  --text-hero: clamp(3.1rem, 1.2rem + 9vw, 9.5rem);

  --lh-tight: 0.9;
  --lh-snug: 1.15;
  --lh-body: 1.62;

  /* Ritmo espacial (no uniforme a propósito) */
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);

  --radius-sm: 4px;
  --radius: 10px;
  --radius-lg: 18px;

  --shadow-lift: 0 18px 50px -20px rgba(0, 0, 0, 0.85);
  --shadow-amber: 0 0 0 1px rgba(255, 176, 32, 0.35), 0 20px 60px -25px rgba(255, 176, 32, 0.5);

  --dur-fast: 140ms;
  --dur: 300ms;
  --dur-slow: 700ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);

  --shell: min(1240px, 100% - 2.5rem);
  --hazard: repeating-linear-gradient(
    -45deg,
    var(--c-amber) 0 10px,
    transparent 10px 20px
  );
}

@media (max-width: 600px) {
  :root {
    --shell: min(1240px, 100% - 1.75rem);
  }
}