/* =========================================================================
   PRISMA — tokens de cor dos 3 temas
   Uso: <html data-theme="creme" | "salvia" | "noite">
   Fontes: Plus Jakarta Sans (texto/títulos) + JetBrains Mono (números)
   ========================================================================= */

:root,
[data-theme="creme"] {
  color-scheme: light;
  --bg: #F6F2E9;            /* fundo da página */
  --surface: #FFFDF8;       /* cards, topo */
  --sunken: #F1ECE1;        /* campo de busca, chips neutros, card "situação" */
  --line: #E5DDCC;          /* bordas */
  --line-strong: #D3C8B2;   /* bordas tracejadas / divisórias fortes */
  --heading: #0E2A5C;       /* títulos, números, itens ativos */
  --text: #3A4458;          /* texto corrido, itens de menu */
  --muted: #6B6658;         /* legendas, metadados */
  --action: #1565A8;        /* botão primário */
  --on-action: #FFFFFF;     /* texto sobre --action */
  --link: #1565A8;          /* links, ícones de módulo */
  --action-soft: #E3ECF8;   /* fundo de chip/ícone azul */
  --action-soft-ink: #1565A8;
  --ok: #22B98F;            /* verde da marca */
  --ok-soft: #E3F3EC;
  --ok-ink: #0D7558;
  --warn: #D9962B;
  --warn-soft: #FBF0DC;
  --warn-ink: #8A5208;
  --petrol: #157A6E;
  --petrol-soft: #E0F0EC;
  --petrol-ink: #157A6E;
  --critical: #C2362F;      /* risco alto — sempre com palavra + ícone */
  --critical-soft: #FBE5E2;
  --critical-ink: #9F2A24;
  --kpi-blue: #3B8DEB;      /* faixa do card "pagamentos" */
  --chart: #3B8DEB;         /* barras do gráfico */
  --chart-peak: #1565A8;    /* barra de destaque (maior valor / mês atual) */
  --avatar-bg: #0E2A5C;
  --avatar-fg: #FFFFFF;
  --logo-leg: #0E2A5C;      /* perna esquerda do "M" do logo */
  --chip-blue-fg: #0E2A5C;  /* texto do chip "Recebida" */
  --shadow-pop: 0 12px 32px rgba(14, 42, 92, 0.16);
}

[data-theme="salvia"] {
  color-scheme: light;
  --bg: #EDF2EE;
  --surface: #FBFDFB;
  --sunken: #E3ECE6;
  --line: #D3E0D8;
  --line-strong: #B9CCC1;
  --heading: #0E2A5C;
  --text: #32484A;
  --muted: #556663;
  --action: #136B8A;
  --on-action: #FFFFFF;
  --link: #136B8A;
  --action-soft: #DCEDF1;
  --action-soft-ink: #136B8A;
  --ok: #22B98F;
  --ok-soft: #D7EFE4;
  --ok-ink: #0B6E52;
  --warn: #D9962B;
  --warn-soft: #FBF0DC;
  --warn-ink: #8A5208;
  --petrol: #157A6E;
  --petrol-soft: #D5ECE7;
  --petrol-ink: #157A6E;
  --critical: #C2362F;
  --critical-soft: #FBE5E2;
  --critical-ink: #9F2A24;
  --kpi-blue: #3B8DEB;
  --chart: #2A9D8F;
  --chart-peak: #136B8A;
  --avatar-bg: #0E2A5C;
  --avatar-fg: #FFFFFF;
  --logo-leg: #0E2A5C;
  --chip-blue-fg: #0E2A5C;
  --shadow-pop: 0 12px 32px rgba(14, 42, 92, 0.16);
}

[data-theme="noite"] {
  color-scheme: dark;
  --bg: #0A1B33;
  --surface: #10264A;
  --sunken: #0C2140;
  --line: #23406B;
  --line-strong: #2E5180;
  --heading: #F2F6FC;
  --text: #C9D6EA;
  --muted: #93A6C4;
  --action: #3B8DEB;
  --on-action: #06152B;
  --link: #8FC1F5;
  --action-soft: #17345F;
  --action-soft-ink: #8FC1F5;
  --ok: #22B98F;
  --ok-soft: #11403C;
  --ok-ink: #5FE0B9;
  --warn: #F2B85B;
  --warn-soft: #3A2F1A;
  --warn-ink: #F6C979;
  --petrol: #2FB3A3;
  --petrol-soft: #113B42;
  --petrol-ink: #6FD6C8;
  --critical: #F07A72;
  --critical-soft: #3D1D22;
  --critical-ink: #F7A39D;
  --kpi-blue: #3B8DEB;
  --chart: #3B8DEB;
  --chart-peak: #22B98F;
  --avatar-bg: #F2F6FC;
  --avatar-fg: #0A1B33;
  --logo-leg: #F2F6FC;
  --chip-blue-fg: #CFE3FA;
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.45);
}

/* Cores FIXAS do ícone seletor de tema (iguais em todos os temas).
   Cada pico do "M" representa um tema. */
:root {
  --swatch-creme: #E6D7B8;   --swatch-creme-stroke: #B9A57C;
  --swatch-salvia: #8EC3AB;  --swatch-salvia-stroke: #5E9C82;
  --swatch-noite: #0A1B33;   --swatch-noite-stroke: #5C7BA8;
  --brand-blue: #3B8DEB;
  --brand-green: #22B98F;
  --brand-gradient: linear-gradient(90deg, #3B8DEB, #22B98F);
}