/* ============================================================
   TEMA MAXLU DASHBOARD — se aplica SOLO a dashboard.html.
   Carga DESPUÉS de case.css. Igual que los otros temas:
   trae únicamente los COLORES de la marca del dashboard.
   Tipografía = la del portfolio (Cooper + Poppins).
   Marca dashboard: petróleo #0C5963 · primario #005D68 ·
   teal brillante #43C2C9 · fondo frío #E4F0F1 · tinta #001F23.
   ============================================================ */
:root{
  /* paleta dashboard */
  --dash-deep:#0C5963;       /* sidebar / fondos oscuros */
  --dash-primary:#005D68;    /* primario */
  --dash-bright:#43C2C9;     /* teal brillante / acento */
  --dash-mist:#E4F0F1;       /* fondo frío de la app */
  --dash-ink:#001F23;

  /* remapeo de los tokens del sistema a la marca dashboard */
  --cream:#F4F8F8;           /* fondo de página: frío muy claro */
  --ink:#001F23;
  --ink-soft:#4C6164;
  --ink-faint:#8aa1a3;
  --line:rgba(0,31,35,.12);
  --line-strong:rgba(0,31,35,.24);
  --box:#FFFFFF;
  --box-2:#E4F0F1;
  --burgundy:#005D68;        /* botones / acentos -> primario */
  --sky:#D3EAEC;
  --sky-soft:#EAF4F4;
  --butter:#43C2C9;
  --butter-soft:#D8F0F1;
}

/* el fondo de página siempre es el crema de la home, independientemente del tema */
body{background:#FCFAF3;}

/* logo del dashboard en intro (es blanco → va sobre caja oscura) */
.dash-logo{display:inline-flex;align-items:center;margin:0;padding:0;}
.dash-logo img{height:clamp(52px,8vw,88px);width:auto;display:block;}

/* banda oscura (cierre / destacados) */
.band.deep{background:var(--dash-deep);}
.band.deep .tag{color:#9fd4d8;}
.band.deep .tag::before{background:#9fd4d8;opacity:.6;}
.band.deep h2,.band.deep p{color:#fff;}
.band.deep .card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);}
.band.deep .card h3{color:#fff;}
.band.deep .card p{color:#d7e8e9;}
.band.deep .card p strong{color:var(--dash-bright);}

.more-link:hover{background:var(--dash-deep);}
.eyebrow .pill{border-color:var(--line-strong);}