/* ======================================== VARIABLES GLOBALES - RV Solutions ======================================== */
:root{
  /* === COLORES PRINCIPALES (paleta dorada / oscuro) === */
  --color-primary: #C7A54C;       /* Dorado principal */
  --color-primary-dark: #D4AF37;  /* Oro brillante */
  --color-primary-light: #FFC857; /* Ámbar claro */

  --color-secondary: #111111;     /* Fondo cards / botones */
  --color-secondary-light: #1A1A1A;/* Hover cards */

  --color-accent: #FFC857;        /* CTA / acento */
  --color-accent-dark: #F2B843;   /* Hover CTA */

  /* === COLORES DE TEXTO === */
  --color-text-primary: #FFFFFF;  /* Texto principal */
  --color-text-secondary: #E5E7EB;/* Texto secundario */
  --color-text-light: #9CA3AF;    /* Texto tenue (NO seleccionable) */
  --color-text-on-dark: #FFFFFF;

  /* === COLORES DE FONDO / GRADIENTES === */
  --bg-gradient-start: #000000;
  --bg-gradient-mid: #0B1220;
  --bg-gradient-end: #111111;
  --bg-card: #111111;
  --bg-card-hover: #1A1A1A;

  /* === BORDES Y SOMBRAS === */
  --border-color: #C7A54C;
  --border-color-hover: #D4AF37;
  --shadow-sm: 0 3px 10px rgba(199,165,76,0.12);
  --shadow-md: 0 4px 14px rgba(199,165,76,0.18);
  --shadow-lg: 0 6px 20px rgba(199,165,76,0.25);
  --shadow-hover: 0 5px 14px rgba(212,175,55,0.35);

  /* === TIPOGRAFÍA === */
  --font-primary: 'Montserrat', sans-serif;
  --font-decorative: 'Great Vibes', cursive;
  --font-size-xs: 0.88rem;
  --font-size-sm: 0.92rem;
  --font-size-base: 1rem;
  --font-size-md: 1.1rem;
  --font-size-lg: 1.6rem;
  --font-size-xl: 1.9rem;
  --font-size-2xl: 2.2rem;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  /* === ESPACIADOS === */
  --spacing-xs: 6px;
  --spacing-sm: 10px;
  --spacing-md: 15px;
  --spacing-lg: 20px;
  --spacing-xl: 32px;

  /* === BORDER RADIUS === */
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-full: 50%;

  /* === TRANSICIONES === */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.5s ease;

  /* === COLORES DE ESTADO === */
  --color-success: #4CAF50;
  --color-error: #E53935;
  --color-warning: #FB8C00;
  --color-info: #5E3A5F;
}