/* =========================================================================
   Unike Auto Agency — Material 3 (Expressive) LIGHT
   Fonte ÚNICA de design tokens. Carregado APÓS o <style> inline de cada página,
   então estes :root vencem por ordem de origem — ajuste o tema AQUI.
   Paleta: baseline Material 3 (primária roxa / Material You).
   ========================================================================= */
:root{
  color-scheme: light;

  /* ---- M3 system color roles (baseline light) ---- */
  --md-sys-color-primary:#6750A4;            --md-sys-color-on-primary:#FFFFFF;
  --md-sys-color-primary-container:#EADDFF;  --md-sys-color-on-primary-container:#21005D;
  --md-sys-color-secondary:#625B71;          --md-sys-color-on-secondary:#FFFFFF;
  --md-sys-color-secondary-container:#E8DEF8;--md-sys-color-on-secondary-container:#1D192B;
  --md-sys-color-tertiary:#7D5260;           --md-sys-color-on-tertiary:#FFFFFF;
  --md-sys-color-tertiary-container:#FFD8E4; --md-sys-color-on-tertiary-container:#31111D;
  --md-sys-color-error:#B3261E;              --md-sys-color-on-error:#FFFFFF;
  --md-sys-color-error-container:#F9DEDC;    --md-sys-color-on-error-container:#410E0B;
  --md-sys-color-background:#FEF7FF;          --md-sys-color-on-background:#1D1B20;
  --md-sys-color-surface:#FEF7FF;            --md-sys-color-on-surface:#1D1B20;
  --md-sys-color-surface-variant:#E7E0EC;    --md-sys-color-on-surface-variant:#49454F;
  --md-sys-color-surface-container-lowest:#FFFFFF;
  --md-sys-color-surface-container-low:#F7F2FA;
  --md-sys-color-surface-container:#F3EDF7;
  --md-sys-color-surface-container-high:#ECE6F0;
  --md-sys-color-surface-container-highest:#E6E0E9;
  --md-sys-color-outline:#79747E;            --md-sys-color-outline-variant:#CAC4D0;
  --md-sys-color-inverse-surface:#322F35;    --md-sys-color-inverse-on-surface:#F5EFF7;
  --md-sys-color-inverse-primary:#D0BCFF;
  --md-sys-color-shadow:#000000;             --md-sys-color-scrim:#000000;

  /* ---- aliases legados (nomes que as páginas já usam) → roles M3 ---- */
  --bg:var(--md-sys-color-surface);
  --bg2:var(--md-sys-color-surface-container-low);
  --panel:var(--md-sys-color-surface-container-high);
  --panel2:var(--md-sys-color-surface-container-highest);
  --line:#E6E0E9;
  --line2:var(--md-sys-color-outline-variant);
  --txt:var(--md-sys-color-on-surface);
  --mut:var(--md-sys-color-on-surface-variant);
  --dim:var(--md-sys-color-outline);
  --cyan:var(--md-sys-color-primary);        /* acento primário */
  --violet:var(--md-sys-color-tertiary);     /* acento secundário do gradiente */
  --gold:#7A5900;                            /* "ouro" legível em superfície clara */
  --green:#146C2E;
  --red:var(--md-sys-color-error);
  --amber:#7A5900;

  /* elevação/realce: troca o "neon glow" dark por um focus-ring M3 sutil */
  --glow:0 0 0 3px rgba(103,80,164,.16);
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* Base de superfície clara + seleção/realce coerentes com M3. */
html,body{ background:var(--md-sys-color-surface); color:var(--md-sys-color-on-surface); }
::selection{ background:var(--md-sys-color-primary-container); color:var(--md-sys-color-on-primary-container); }

/* Scrollbar clara (sobrescreve o thumb neon do tema dark, mantendo o realce em movimento). */
html{ scrollbar-color:#CAC4D0 #F3EDF7; }
::-webkit-scrollbar-track{ background:#F3EDF7; }
::-webkit-scrollbar-thumb{ background:#CAC4D0; border-color:#F3EDF7; }
.scrolling::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--md-sys-color-primary),var(--md-sys-color-tertiary));
  box-shadow:0 0 6px rgba(103,80,164,.35);
}