/* =====================================================================
   ROLEA · Paleta 2026 (petróleo / naranja / menta)
   Fuente: mockup del diseñador (assets/images/rolea2026) y logo oficial.
   Única fuente de verdad de los colores: web pública, app móvil y admin.
   ===================================================================== */
:root {
  /* Fondos */
  --tdn-bg-1:#00222D;          /* Fondo base: navbar, secciones, footer */
  --tdn-bg-1-rgb:0, 34, 45;
  --tdn-bg-2:#04333F;          /* Secciones alternas */
  --tdn-bg-2-rgb:4, 51, 63;
  --tdn-bg-navbar:#00222D;
  --tdn-card:#0D2D38;          /* Tarjetas sobre bg-1 */
  --tdn-card-2:#113D49;        /* Tarjetas sobre bg-2 */
  --tdn-hero-top:#22707B;      /* Degradado del hero */
  --tdn-hero-bottom:#011C2A;

  /* Acento principal: naranja del logo (botones, enlaces, checks) */
  --tdn-accent:#FF8E03;
  --tdn-accent-soft:#FFA436;   /* Hover */
  --tdn-accent-rgb:255, 142, 3;
  --tdn-on-accent:#00222D;     /* Texto sobre naranja (blanco no da contraste) */

  /* Acento secundario: menta (fechas, títulos destacados, iconos, brillos) */
  --tdn-accent-2:#16FFD8;
  --tdn-accent-2-soft:#7DFFEA;
  --tdn-accent-2-rgb:22, 255, 216;

  /* Texto */
  --tdn-text:#FFFFFF;
  --tdn-text-secondary:#E1E5E6;
  --tdn-text-muted:#A6BCBF;
  --tdn-text-muted-soft:#CCD6D8;

  /* Estados */
  --tdn-cta-green:#16FFD8;
  --tdn-success:#2ea043;
  --tdn-danger:#f85149;
  --tdn-warning:#ffc107;

  /* Información (alertas info, ayudas) y editor de texto enriquecido */
  --tdn-info:var(--tdn-accent-2);
  --tdn-on-info:var(--tdn-bg-1);
  --tdn-editor-bg:var(--tdn-card-2);

  /* Compatibilidad con ludoteca / rolteca (usan --accent-color con morado de reserva) */
  --accent-color: var(--tdn-accent);
  --accent-color-rgb: var(--tdn-accent-rgb);
  --accent-contrast: var(--tdn-on-accent);

  /* Compatibilidad con estilos antiguos del footer y páginas */
  --color-background-card: var(--tdn-card);
  --color-text-primary: var(--tdn-text);
  --color-accent-primary: var(--tdn-accent);
  --color-text-secondary: #adb5bd;
  --color-link: var(--tdn-accent);
  --color-medium-text: #ced4da;
  --color-dark-midnight: var(--tdn-bg-1);
  --color-button-primary-text: var(--tdn-on-accent);
}