/* ============================================================
   VARIABLES GLOBALES
   ============================================================ */

:root {
  /* Color */
  --bg: #07090c;
  --bg-soft: #0c0f13;
  --card: #101419;
  --card2: #0d1115;
  --text: #f6f7f8;
  --muted: #aeb4bd;
  --line: #262c33;
  --magenta: #ff174c;
  --magenta-2: #d90b3d;
  --yellow: #ffd100;
  --white: #fff;

  /* Tipografía */
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display: "Arial Narrow", "Roboto Condensed", Impact, var(--font-sans);
  --font-script: "La Belle Aurore", "Segoe Print", "Bradley Hand", cursive;

  /* Espaciado y layout */
  --section-gap: 100px;
  --container: 1440px;
  --header-h: 78px;

  /* Forma y profundidad */
  --radius: 16px;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.38);

  /* Movimiento */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}