/* =========================================================
   ENCORE — Design Tokens
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Bebas+Neue&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,700&display=swap');

:root {
  /* --- Base Palette --- */
  --color-dark:          #0B2A33; /* Azul profundo: fondo principal */
  --color-blue-2:        #0F353F; /* Azul 2: tarjetas y capas sobre el fondo */
  --color-blue-3:        #133F4A; /* Azul 3: tarjetas y capas sobre el fondo */
  --color-dark-surface:  #0F353F;
  --color-dark-card:     rgba(15, 53, 63, 0.88);
  --color-dark-border:   rgba(169, 213, 203, 0.22);

  --color-mint:          #A9D5CB; /* Menta: acentos y plan Esencial */
  --color-mint-light:    #E0F0EC; /* Menta claro */
  --color-terracotta:    #B96852; /* Terracota: títulos en secciones claras */
  --color-terracotta-2:  #C9765F; /* Terracota 2: títulos en secciones claras */
  --color-ivory:         #F7F4EE; /* Marfil: fondos claros y texto sobre oscuro */
  --color-charcoal:      #202526; /* Carbón: texto sobre claro */

  /* --- Agregados (planes y lanzamiento) --- */
  --color-eggplant:       #4E2A4F; /* Berenjena: bloques de precio lanzamiento */
  --color-eggplant-light: #9C6E9E; /* Berenjena claro: plan Platinum */
  --color-burgundy:       #7A2335; /* Borgoña */
  --color-burgundy-light: #C04B63; /* Borgoña claro: plan Premium */
  --color-coral:          #E8836B; /* Coral: plan Plus, botones y destacados */

  /* --- Textos secundarios --- */
  --color-text-sec-1:    #C3D3CF;
  --color-text-sec-2:    #9FB3AF;

  /* --- Aliases & Glows --- */
  --color-gold:          #A9D5CB;
  --color-gold-light:    #E0F0EC;
  --color-gold-glow:     rgba(169, 213, 203, 0.22);
  --color-burgundy-glow: rgba(122, 35, 53, 0.35);

  --color-cream:         #F7F4EE;
  --color-cream-light:   #F7F4EE;
  --color-sand:          #C3D3CF;
  --color-muted:         #9FB3AF;

  /* Status */
  --color-success:       #A9D5CB;
  --color-error:         #C04B63;

  /* Typography */
  --font-sans:    'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Bebas Neue', Impact, sans-serif;
  --font-script:  'Alex Brush', cursive;

  /* Transitions & Shadows */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-normal: 0.3s;
  --shadow-card: 0 20px 40px -15px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--color-dark-border);
  --shadow-glow: 0 0 50px rgba(169, 213, 203, 0.15);
}