/* ============================================================
   variables.css — Tokens de diseño Constructora Obando
   ============================================================ */

:root {
  /* Colores principales */
  --color-primary:         #1565C0;
  --color-primary-dark:    #1a2b6d;
  --color-accent:          #D4A017;

  /* Colores sorteo */
  --color-sorteo-blue:     #1A3EBF;
  --color-sorteo-orange:   #FF6B00;
  --color-sorteo-yellow:   #FFD700;

  /* Superficie / texto */
  --color-on-surface:               #1a1b25;
  --color-on-surface-variant:       #444657;
  --color-surface-lowest:           #ffffff;
  --color-surface-low:              #f4f2ff;
  --color-outline:                  #747689;
  --color-outline-variant:          #c4c5da;
  --color-background:               #fbf8ff;
  --color-inverse-surface:          #1a2b6d;

  /* Tipografía */
  --font-headline:  'Bebas Neue', sans-serif;
  --font-body:      'Plus Jakarta Sans', sans-serif;

  /* Espaciado */
  --section-padding:   100px;
  --container-max:     1280px;
  --gutter:            24px;
  --margin-mobile:     16px;

  /* Sombras */
  --shadow-glow:       0 20px 40px -10px rgba(21, 101, 192, 0.2);
  --shadow-glow-gold:  0 10px 30px -5px rgba(212, 160, 23, 0.4);

  /* Transiciones */
  --transition-base: all 0.3s ease;
}