/* ════════════════════════════════════════════════════════════════
   RMF — Material 3 design tokens (FONTE ÚNICA da paleta)
   Paleta tonal derivada de #4E5B8E. Suporta dark mode.

   Esta é a única definição dos tokens --md-sys-color-* do projeto.
   Consumido por:
     • páginas estáticas via <link rel="stylesheet" href="/res/assets/css/m3-tokens.css">
       (junto com m3.css, que traz os componentes)
     • páginas SSR (scripts/api-cidade-pagina.js) que leem este arquivo do
       disco e o injetam INLINE no bloco de estilo — mantendo o CSS crítico
       embutido por SEO/performance (sem request render-blocking).
       (Não use a string de fechamento de style aqui: encerraria o bloco cedo.)

   Ao alterar a marca, mude AQUI — todas as páginas acompanham.
   ════════════════════════════════════════════════════════════════ */

:root {
  --md-ref-typeface-brand: 'Inter', system-ui, sans-serif;
  --md-ref-typeface-plain: 'Inter', system-ui, sans-serif;

  /* Paleta tonal derivada de #4E5B8E (RGB 78, 91, 142) */
  --md-sys-color-primary: #4E5B8E;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #DCE1FA;
  --md-sys-color-on-primary-container: #0A1633;
  --md-sys-color-inverse-primary: #B7C0E5;

  --md-sys-color-secondary: #595E72;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #DEE1F4;
  --md-sys-color-on-secondary-container: #161B2C;

  --md-sys-color-tertiary: #74566D;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #FED7F2;
  --md-sys-color-on-tertiary-container: #2B1228;

  --md-sys-color-error: #B3261E;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #F9DEDC;
  --md-sys-color-on-error-container: #410E0B;

  /* Backgrounds preservados do app */
  --md-sys-color-background: #FAF8FE;
  --md-sys-color-on-background: #1C1B1F;
  --md-sys-color-surface: #FAF8FE;
  --md-sys-color-on-surface: #1C1B1F;
  --md-sys-color-surface-variant: #E2E2EE;
  --md-sys-color-on-surface-variant: #45475A;
  --md-sys-color-surface-tint: #4E5B8E;

  --md-sys-color-outline: #75778B;
  --md-sys-color-outline-variant: #C5C6DC;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;

  --md-sys-color-inverse-surface: #322F35;
  --md-sys-color-inverse-on-surface: #F5EFF7;

  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #F3F1FA;
  --md-sys-color-surface-container: #EDEBF4;
  --md-sys-color-surface-container-high: #E7E5EE;
  --md-sys-color-surface-container-highest: #E1DFE8;

  /* Token de sucesso ad-hoc (M3 não tem oficial) */
  --md-sys-color-success: #386A20;
  --md-sys-color-success-container: #B7F3A4;
  --md-sys-color-on-success-container: #002201;

  /* App bar — cor do estado elevado (rolado). Medida do app nativo. */
  --md-rmf-appbar-scrolled: #E1E1EB;

  font-family: var(--md-ref-typeface-plain);
}

@media (prefers-color-scheme: dark) {
  :root {
    --md-sys-color-primary: #B7C0E5;
    --md-sys-color-on-primary: #202B53;
    --md-sys-color-primary-container: #36426A;
    --md-sys-color-on-primary-container: #DCE1FA;
    --md-sys-color-inverse-primary: #4E5B8E;

    --md-sys-color-secondary: #C1C5DC;
    --md-sys-color-on-secondary: #2B3041;
    --md-sys-color-secondary-container: #424658;
    --md-sys-color-on-secondary-container: #DEE1F4;

    --md-sys-color-tertiary: #E2BCD3;
    --md-sys-color-on-tertiary: #43273E;
    --md-sys-color-tertiary-container: #5B3D55;
    --md-sys-color-on-tertiary-container: #FED7F2;

    --md-sys-color-error: #F2B8B5;
    --md-sys-color-on-error: #601410;
    --md-sys-color-error-container: #8C1D18;
    --md-sys-color-on-error-container: #F9DEDC;

    --md-sys-color-background: #121318;
    --md-sys-color-on-background: #E6E1E5;
    --md-sys-color-surface: #121318;
    --md-sys-color-on-surface: #E6E1E5;
    --md-sys-color-surface-variant: #45475A;
    --md-sys-color-on-surface-variant: #C5C6DC;
    --md-sys-color-surface-tint: #B7C0E5;

    --md-sys-color-outline: #8F90A5;
    --md-sys-color-outline-variant: #45475A;

    --md-sys-color-inverse-surface: #E6E1E5;
    --md-sys-color-inverse-on-surface: #322F35;

    --md-sys-color-surface-container-lowest: #0D0E13;
    --md-sys-color-surface-container-low: #1B1C22;
    --md-sys-color-surface-container: #1E1F24;
    --md-sys-color-surface-container-high: #2A2B30;
    --md-sys-color-surface-container-highest: #35363B;

    --md-sys-color-success: #9CD67E;
    --md-sys-color-success-container: #1F4E0A;
    --md-sys-color-on-success-container: #B7F3A4;

    --md-rmf-appbar-scrolled: #2A2C35;
  }
}