/* =====================================================================
   Águia Automóveis — tokens
   Paleta derivada da logo: dourado #F5B21B, grafite #17191E, prata.
   Componentes SEMPRE consomem as variáveis, nunca cores literais —
   é o que faz o tema claro funcionar sem duplicar CSS.
   ===================================================================== */
:root{
  --bg:#101216; --surface:#17191E; --surface-2:#1F2229; --surface-3:#262A33;
  --line:#2B2F37; --line-2:#363B45;
  --ink:#ECEEF1; --ink-2:#9AA3AE; --ink-3:#6A727D;

  --gold:#F5B21B; --gold-2:#C98F0E; --gold-soft:#FFD470;
  --gold-wash:rgba(245,178,27,.14);
  --silver:#C7CCD3; --silver-2:#8E959E;

  --ok:#3FAE7A; --warn:#E0921E; --bad:#E0574B; --info:#5B8FD6;
  --ok-wash:rgba(63,174,122,.14);
  --warn-wash:rgba(224,146,30,.15);
  --bad-wash:rgba(224,87,75,.14);
  --info-wash:rgba(91,143,214,.14);

  --on-gold:#17191E;              /* texto sobre fundo dourado */

  --r:10px; --r-sm:7px; --r-lg:16px;
  --shadow:0 4px 18px rgba(0,0,0,.34);
  --shadow-lg:0 26px 64px rgba(0,0,0,.62);

  --f-display:"Segoe UI Semibold","Segoe UI",Roboto,system-ui,sans-serif;
  --f-body:"Segoe UI",Roboto,system-ui,-apple-system,sans-serif;
  --f-mono:"Cascadia Mono",Consolas,"SF Mono",monospace;

  --side-w:216px;
  --side-min:62px;        /* barra recolhida: só ícones */
  --t:.16s cubic-bezier(.2,.7,.3,1);
}

@media (prefers-color-scheme:light){
  :root{
    --bg:#F4F5F7; --surface:#FFFFFF; --surface-2:#EDEFF2; --surface-3:#E3E6EB;
    --line:#DCE0E6; --line-2:#C9CED6;
    --ink:#17191E; --ink-2:#5A626C; --ink-3:#89919B;
    --gold:#B8840C; --gold-2:#F5B21B; --gold-soft:#8A6208;
    --gold-wash:rgba(184,132,12,.12);
    --silver:#6A727D; --silver-2:#9AA3AE;
    --warn:#B9770F; --warn-wash:rgba(185,119,15,.14);
    --on-gold:#FFFFFF;
    --shadow:0 3px 14px rgba(23,25,30,.10);
    --shadow-lg:0 20px 48px rgba(23,25,30,.18);
  }
}

/* O seletor de tema do usuário precisa vencer a media query nos DOIS
   sentidos — por isso as duas redefinições explícitas abaixo. */
:root[data-theme="dark"]{
  --bg:#101216; --surface:#17191E; --surface-2:#1F2229; --surface-3:#262A33;
  --line:#2B2F37; --line-2:#363B45;
  --ink:#ECEEF1; --ink-2:#9AA3AE; --ink-3:#6A727D;
  --gold:#F5B21B; --gold-2:#C98F0E; --gold-soft:#FFD470;
  --gold-wash:rgba(245,178,27,.14);
  --silver:#C7CCD3; --silver-2:#8E959E;
  --warn:#E0921E; --warn-wash:rgba(224,146,30,.15);
  --on-gold:#17191E;
  --shadow:0 4px 18px rgba(0,0,0,.34);
  --shadow-lg:0 26px 64px rgba(0,0,0,.62);
}
:root[data-theme="light"]{
  --bg:#F4F5F7; --surface:#FFFFFF; --surface-2:#EDEFF2; --surface-3:#E3E6EB;
  --line:#DCE0E6; --line-2:#C9CED6;
  --ink:#17191E; --ink-2:#5A626C; --ink-3:#89919B;
  --gold:#B8840C; --gold-2:#F5B21B; --gold-soft:#8A6208;
  --gold-wash:rgba(184,132,12,.12);
  --silver:#6A727D; --silver-2:#9AA3AE;
  --warn:#B9770F; --warn-wash:rgba(185,119,15,.14);
  --on-gold:#FFFFFF;
  --shadow:0 3px 14px rgba(23,25,30,.10);
  --shadow-lg:0 20px 48px rgba(23,25,30,.18);
}