/* =============================================
   Cárgalo — Color Tokens
   Source: DESIGN brand.md + live site observation
   ============================================= */

:root {
  /* === Brand Core === */
  --color-primary:       #1B2E5E;   /* Azul Marino Cárgalo — nav, footer, headers */
  --color-primary-dark:  #0D1B2E;   /* Deeper navy — dark surface backgrounds */
  --color-surface-dark:  #0B1628;   /* Deepest dark — hero / feature section bg */

  /* === Accent Greens === */
  --color-accent:        #45B049;   /* Verde Cárgalo — logo, CTAs on light surfaces */
  --color-accent-hover:  #3A9A3E;   /* Hover/pressed state */
  --color-accent-vivid:  #3FE669;   /* Electric green — accent text & CTAs on dark */
  --color-accent-vivid-hover: #35D45C;

  /* === Surfaces (light) === */
  --color-surface:       #FFFFFF;
  --color-surface-alt:   #F5F7FA;   /* Section alternation, card bg on white */

  /* === Surfaces (dark) === */
  --color-surface-dark-card:   rgba(255,255,255,0.05);   /* Glass card on dark bg */
  --color-surface-dark-card-solid: #112035;

  /* === Text === */
  --color-text:             #444444;  /* Body text — never pure black */
  --color-text-muted:       #6B7280;
  --color-text-on-dark:     #FFFFFF;
  --color-text-on-dark-muted: rgba(255,255,255,0.65);

  /* === Borders === */
  --color-border:       #E5E7EB;
  --color-border-dark:  rgba(255,255,255,0.08);

  /* === WhatsApp === */
  --color-whatsapp:       #25D366;
  --color-whatsapp-hover: #1DA851;
}