/* ============================================================ */
/* SISTEMA DE DISEÑO — VARIABLES GLOBALES v1.0                  */
/* CleanBoosters Landing — cleanboosters.com                    */
/* Regla: NINGÚN color/tamaño hardcodeado fuera de este archivo */
/* ============================================================ */

:root {
  /* === COLORES BASE === */
  --bg-primary: #0A0A0A;
  --bg-secondary: #111111;
  --bg-elevated: #1A1A1A;
  --bg-elevated-hover: #222222;

  --accent-primary: #FF3B30;
  --accent-secondary: #FF6B35;
  --accent-gradient: linear-gradient(135deg, #FF3B30 0%, #FF6B35 100%);
  --accent-glow: rgba(255, 59, 48, 0.3);
  --accent-glow-strong: rgba(255, 59, 48, 0.15);

  --text-primary: #FFFFFF;
  /* Legibilidad: secondary y muted subidos a contraste AA sobre fondo oscuro */
  --text-secondary: #C9C9C9;
  --text-muted: #9A9A9A;
  --text-inverse: #0A0A0A;

  --success: #30D158;
  --warning: #FF9F0A;
  --border: #2A2A2A;
  --border-hover: #3A3A3A;

  /* WhatsApp brand */
  --whatsapp: #25D366;
  --whatsapp-dark: #128C7E;

  /* === GRADIENTES POR HERRAMIENTA (tarjetas diferenciadas) === */
  --grad-chatbot: linear-gradient(135deg, #4F6DF5 0%, #8B5CF6 100%);
  --grad-seo: linear-gradient(135deg, #30D158 0%, #0FA968 100%);
  --grad-social: linear-gradient(135deg, #FFB340 0%, #FF8A00 100%);
  --grad-gift: linear-gradient(135deg, #FF6B9D 0%, #FF4D6D 100%);
  --grad-receptionist: linear-gradient(135deg, #A855F7 0%, #6D28D9 100%);
  --grad-deposit: linear-gradient(135deg, #2DD4BF 0%, #0D9488 100%);
  --grad-maps: linear-gradient(135deg, #FF3B30 0%, #FF6B35 100%);
  --grad-rank: linear-gradient(135deg, #6366F1 0%, #3B82F6 100%);

  /* === ESPACIADO (8px base) === */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  --space-4xl: 7.5rem;

  /* === TIPOGRAFÍA === */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', var(--font-primary);

  --text-xs: 0.8125rem;   /* 13px - solo captions */
  --text-sm: 0.9375rem;   /* 15px */
  --text-base: 1rem;      /* 16px - MÍNIMO FUNCIONAL */
  --text-lg: 1.125rem;    /* 18px */
  --text-xl: 1.25rem;     /* 20px */
  --text-2xl: 1.5rem;     /* 24px */
  --text-3xl: 2rem;       /* 32px */
  --text-4xl: 3rem;       /* 48px */
  --text-5xl: 4rem;       /* 64px */

  /* === BORDES === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* === SOMBRAS === */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 40px var(--accent-glow);

  /* === TRANSICIONES === */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* === Z-INDEX === */
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 300;
  --z-whatsapp: 250;
  --z-toast: 400;

  /* === LAYOUT === */
  --navbar-height: 72px;
  --topbar-height: 44px;
}