/* VitSeguros · Boletos · tokens
   Cores tiradas da marca (marca/horizontal-cor.png):
   marinho #011D34 · azul #016C93 · turquesa #019EA7.
   Papéis fixos: troque o valor, nunca o nome. */

/* Plus Jakarta Sans (licença OFL) servida daqui: a tela não chama site de fora. */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/jakarta-400.ttf") format("truetype"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/jakarta-500.ttf") format("truetype"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/jakarta-600.ttf") format("truetype"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/jakarta-700.ttf") format("truetype"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/jakarta-800.ttf") format("truetype"); }

:root {
  color-scheme: light;
  --font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;

  /* superfícies */
  --bg: #E8EDF0;          /* fundo neutro onde as células flutuam */
  --cell: #FFFFFF;        /* célula */
  --cell-2: #F2F5F7;      /* subcélula, campo */
  --cell-3: #E6ECF0;      /* subcélula em destaque leve, hover */
  --line: #D5DEE4;        /* borda de campo (só em controles) */

  /* texto */
  --ink: #0A1E31;
  --ink-2: #44576A;
  --ink-3: #5E7183;       /* 4,7:1 sobre branco */

  /* marca */
  --navy: #0A2540;        /* célula herói, menu do celular */
  --navy-2: #133A5E;
  --on-navy: #EEF5FA;
  --on-navy-2: #A9C3D8;
  --brand-blue: #016C93;
  --brand-teal: #019EA7;  /* só decoração: anel, barra, marcador (2,9:1, não usar em texto) */

  /* ação: a cor forte, reservada */
  --accent: #00747A;      /* fundo do botão principal, branco por cima 5,3:1 */
  --accent-hover: #005F64;
  --on-accent: #FFFFFF;
  --accent-soft: #DCF1F2;
  --accent-ink: #00585D;  /* texto turquesa legível */

  /* estados */
  --ok: #1B7444;      --ok-soft: #DFF1E6;
  --warn: #8F5400;    --warn-soft: #FFEFD2;
  --bad: #B3261E;     --bad-soft: #FCE4E1;
  --info: #1D5BB8;    --info-soft: #E1EBFA;
  --mute: #5E7183;    --mute-soft: #E9EEF2;
  --violet: #5B4BB7;  --violet-soft: #ECE9FA; /* "lido": sinal fraco */

  /* forma */
  --r-cell: 24px;
  --r-sub: 16px;
  --r-ctl: 12px;
  --r-pill: 999px;
  --gap: 16px;
  --pad: 24px;
  --shadow-float: 0 18px 50px -12px rgba(6, 25, 45, .35);

  /* tipo: hierarquia por tamanho */
  --t-xs: 12px;
  --t-sm: 13px;
  --t-md: 15px;
  --t-lg: 18px;
  --t-xl: 24px;
  --t-2xl: 34px;
  --t-3xl: 48px;

  --ease: cubic-bezier(.2, .8, .2, 1);
}

[data-tema="escuro"] {
  color-scheme: dark;
  --bg: #07121C;
  --cell: #0F1E2C;
  --cell-2: #162839;
  --cell-3: #1D3246;
  --line: #2A425A;
  --ink: #E7EFF5;
  --ink-2: #AFC0CE;
  --ink-3: #8FA3B5;
  --navy: #0F3152;
  --navy-2: #184570;
  --on-navy: #EEF5FA;
  --on-navy-2: #A9C3D8;
  --accent: #2BC3C8;
  --accent-hover: #4FD3D7;
  --on-accent: #032326;
  --accent-soft: #0E3A3F;
  --accent-ink: #7EE0E3;
  --ok: #6BD49A;   --ok-soft: #12301F;
  --warn: #F4BD5C; --warn-soft: #3A2A0E;
  --bad: #FF8F86;  --bad-soft: #3D1714;
  --info: #8DB6F7; --info-soft: #142A47;
  --mute: #9DB0C1; --mute-soft: #1A2D3F;
  --violet: #B5A9F5; --violet-soft: #251F47;
  --shadow-float: 0 18px 50px -12px rgba(0, 0, 0, .7);
}