/* ============================================================
   CHARLAMOTOR — Estilos base (sin skins)
   Solo lo necesario para que pw-* sea transparente en Clásico.
   ============================================================ */

/* Nav sticky (design-system tiene relative, aquí lo fijamos) */
.cm-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* Pitwall wrappers: transparentes en Clásico */
.pw-body-wrap   { display: contents; }
.pw-sidebar     { display: none; }
.pw-live-indicator { display: none; }
.pw-panel       { display: none; }
.pw-cta-socio   { display: none; }
.pw-status-bar  { display: none; }

/* Variables --cm-* para Clásico (usadas en comparador, ficha, etc.) */
.theme-clasico {
  --cm-bg: #1B3568;
  --cm-surface: #0D1F3C;
  --cm-accent: #FECB00;
  --cm-accent-rgb: 254,203,0;
  --cm-text: #ffffff;
  --cm-text-secondary: #C0C8D8;
  --cm-muted: #9ca3af;
  --cm-border: #2a3f6f;
  --cm-nav-bg: rgba(13,31,60,.95);
  --cm-nav-border: 2px solid #FECB00;
  --cm-badge-bg: rgba(254,203,0,.12);
  --cm-badge-text: #FECB00;
  --cm-badge-border: transparent;
  --cm-card-hover-border: #FECB00;
  --cm-font-heading: 'Raleway', sans-serif;
  --cm-font-body: 'Raleway', sans-serif;
  --cm-font-mono: monospace;
  --cm-radius: 12px;
  --cm-radius-badge: 20px;
  --cm-card-bg: var(--cm-surface);
  --cm-text-transform: none;
  --cm-letter-spacing: 0px;
}

/* Fuentes compartidas (antes las cargaba skins.css via @import) */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800;900&family=DM+Sans:wght@400;500;700&family=Share+Tech+Mono&display=swap');