/* =====================================================
   VentaCasasRD — Design Tokens
   ----------------------------------------------------
   Single source of truth para colores, espaciado,
   sombras y tipografía. Todas las páginas cargan este
   archivo PRIMERO. Las variables --green y --gold se
   mantienen como aliases para no romper código antiguo
   que aún las referencia.
   ===================================================== */

:root {
  /* ===== PALETA — Verde clásico + amarillo destacado ===== */
  --primary:        #1A3A2A;   /* verde oscuro original (casi negro) */
  --primary-dark:   #0D2318;   /* verde aún más oscuro — hover, gradients */
  --primary-darker: #051409;   /* verde casi negro — fondos hero */
  --primary-light:  #D4E7DC;   /* verde muy claro — backgrounds suaves */
  --primary-soft:   #F0F7F0;   /* verde casi blanco — boxes, notices */

  --accent:         #FACC15;   /* amarillo 400 — vibrante, llama la atención */
  --accent-dark:    #EAB308;   /* amarillo 500 — hover */
  --accent-light:   #FEF9C3;   /* amarillo 100 — backgrounds */
  --accent-soft:    #FEFCE8;   /* amarillo 50 */
  --accent-text:    #422006;   /* texto oscuro legible sobre amarillo */

  /* ===== NEUTROS ===== */
  --bg:             #FAFAF7;   /* fondo página */
  --surface:        #FFFFFF;   /* cards, modales */
  --surface-alt:    #F9FAFB;   /* secciones alternas */

  --text:           #111827;   /* texto principal */
  --text-strong:    #0F172A;   /* titulares */
  --text-muted:     #6B7280;   /* texto secundario */
  --text-subtle:    #9CA3AF;   /* placeholders, hints */

  --border:         #E5E7EB;   /* bordes default */
  --border-strong:  #D1D5DB;   /* bordes con énfasis */
  --border-subtle:  #F3F4F6;   /* bordes muy ligeros (separadores) */

  /* ===== SEMÁNTICOS ===== */
  --success:        #16A34A;
  --success-light:  #DCFCE7;
  --warning:        #F59E0B;   /* destacados/featured/pending */
  --warning-light:  #FEF3C7;
  --danger:         #DC2626;
  --danger-light:   #FEE2E2;
  --info:           #0284C7;
  --info-light:     #E0F2FE;

  /* ===== ALIASES (retrocompatibilidad — no romper código antiguo) ===== */
  --green:  var(--primary);
  --dark:   var(--primary-dark);
  --gold:   var(--accent);

  /* ===== ESPACIADO (escala 8px) ===== */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;

  /* ===== RADIOS ===== */
  --radius-sm:   6px;    /* chips, tags */
  --radius:      10px;   /* botones, inputs, cards regulares */
  --radius-lg:   14px;   /* cards destacadas */
  --radius-xl:   20px;   /* modales, secciones grandes */
  --radius-full: 999px;  /* pills, avatars */

  /* ===== SOMBRAS ===== */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.06);
  --shadow:    0 4px 14px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.10);
  --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.14);

  /* Sombras tintadas para énfasis de marca */
  --shadow-primary: 0 6px 20px rgba(26, 58, 42, 0.25);
  --shadow-accent:  0 6px 20px rgba(234, 179, 8, 0.35);

  /* ===== TIPOGRAFÍA ===== */
  --font-serif: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-sans:  'Inter', 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ===== TRANSICIONES ===== */
  --t-fast: 0.15s ease;
  --t-base: 0.2s ease;
  --t-slow: 0.3s ease;
}