/* =========================================================
   CarOffice, site institucional: tokens da família Ravi Systems
   Família escura da casa com o acento azul do CarOffice (a matiz da
   área Veículos). As seções usam só var(--st-*): nenhuma cor literal
   fora deste arquivo. Cor de marca provisória até a marca definitiva.
   ========================================================= */

:root {
  color-scheme: dark;

  /* Fundos escuros (matiz azul-noite) */
  --st-fundo-0: #05080e;
  --st-fundo-1: #090e17;
  --st-fundo-2: #0e1521;
  --st-fundo-3: #141d2c;
  --st-fundo-rodape: #03060b;

  /* Papel e tinta (capítulos claros) */
  --st-papel: #f3f6fb;
  --st-papel-2: #e7ecf4;
  --st-papel-3: #ffffff;
  --st-tinta: #0a1322;
  --st-tinta-suave: #3f4c60;
  --st-tinta-tenue: #556173;

  /* Texto sobre escuro */
  --st-texto: #eef3fa;
  --st-texto-2: #b8c3d4;
  --st-texto-3: #97a3b6;
  --st-texto-sobre-acento: #ffffff;

  /* Azul do CarOffice e vizinhos de matiz (gradientes) */
  --st-azul: #5b9bff;
  --st-azul-2: #8dbaff;
  --st-azul-claro: #cfe0ff;
  --st-azul-forte: #2563eb;
  --st-azul-fundo: #1d4ed8;
  --st-azul-tinta: #1d4ed8;
  --st-celeste: #38bdf8;
  --st-ciano: #67e8f9;
  --st-azul-suave: rgba(91, 155, 255, .14);
  --st-azul-suave-papel: rgba(29, 78, 216, .09);
  --st-azul-linha: rgba(91, 155, 255, .32);

  /* Estados (selos de etapa, validação do formulário) */
  --st-ok: #4ade80;
  --st-ok-suave: rgba(74, 222, 128, .13);
  --st-ok-tinta: #15803d;
  --st-aviso: #fbbf24;
  --st-aviso-suave: rgba(251, 191, 36, .13);
  --st-aviso-tinta: #a16207;
  --st-erro: #fb7185;
  --st-erro-suave: rgba(251, 113, 133, .13);
  --st-erro-tinta: #be123c;
  --st-roxo: #c4b5fd;
  --st-roxo-suave: rgba(196, 181, 253, .13);
  --st-roxo-tinta: #6d28d9;

  /* Linhas */
  --st-linha: rgba(170, 200, 255, .12);
  --st-linha-2: rgba(170, 200, 255, .07);
  --st-linha-forte: rgba(91, 155, 255, .45);
  --st-linha-papel: #d6dde8;
  --st-linha-papel-forte: #b9c3d3;
  --st-campo-borda: #3a4a63;
}

:root {
  /* Gradientes da marca */
  --st-grad-marca: linear-gradient(120deg, var(--st-azul-2) 0%, var(--st-azul) 45%, var(--st-celeste) 100%);
  --st-grad-botao: linear-gradient(135deg, var(--st-azul-forte) 0%, var(--st-azul-fundo) 100%);
  --st-grad-heroi: radial-gradient(1100px 520px at 78% -8%, rgba(37, 99, 235, .30), transparent 62%),
                   radial-gradient(760px 420px at 6% 18%, rgba(56, 189, 248, .13), transparent 60%),
                   linear-gradient(180deg, var(--st-fundo-1) 0%, var(--st-fundo-0) 100%);
  --st-grad-faixa: linear-gradient(135deg, rgba(37, 99, 235, .22) 0%, rgba(56, 189, 248, .08) 55%, rgba(196, 181, 253, .10) 100%);
  --st-vidro: rgba(5, 8, 14, .72);
  --st-vidro-papel: rgba(243, 246, 251, .82);
  --st-sombra: 0 18px 48px rgba(0, 0, 0, .45);
  --st-sombra-papel: 0 10px 30px rgba(10, 19, 34, .10);
  --st-brilho-azul: 0 10px 30px rgba(37, 99, 235, .35);
  --st-foco: 0 0 0 3px rgba(91, 155, 255, .55);
  --st-brilho-azul-forte: 0 14px 36px rgba(37, 99, 235, .5);
  --st-sombra-ilustracao: 0 30px 60px rgba(0, 0, 0, .5);

  /* Tipografia */
  --st-fonte: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --st-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Medidas */
  --st-raio: 14px;
  --st-raio-p: 10px;
  --st-raio-g: 22px;
  --st-largura: 1200px;
  --st-topo: 68px;
}

/* Capítulo em papel: reescreve os tokens de texto e linha */
.em-papel {
  --st-texto: var(--st-tinta);
  --st-texto-2: var(--st-tinta-suave);
  --st-texto-3: var(--st-tinta-tenue);
  --st-linha: var(--st-linha-papel);
  --st-linha-2: var(--st-papel-2);
  --st-azul: var(--st-azul-tinta);
  --st-azul-suave: var(--st-azul-suave-papel);
  --st-fundo-2: var(--st-papel-3);
  --st-fundo-3: var(--st-papel-2);
  --st-ok: var(--st-ok-tinta);
  --st-aviso: var(--st-aviso-tinta);
  --st-erro: var(--st-erro-tinta);
  --st-roxo: var(--st-roxo-tinta);
  --st-sombra: var(--st-sombra-papel);
  --st-campo-borda: var(--st-linha-papel-forte);
  background: var(--st-papel);
  color: var(--st-tinta);
}