/* Tema SIMEAOBuddy: todas as cores e medidas ficam aqui (nenhuma cor solta no código). */
:root {
  /* Fundo e superfícies */
  --fundo: #0A0A0A;
  --superficie: #141414;
  --superficie-2: #1C1C1C;
  --borda: #262626;
  --fundo-vidro: rgb(10 10 10 / 0.88);
  --veu: rgb(0 0 0 / 0.6);

  /* Texto */
  --texto: #FAFAFA;
  --texto-2: #A3A3A3;
  --texto-3: #737373;

  /* Destaque (docs/03 item 16): azul principal, roxo secundário */
  --destaque: #3B82F6;
  --destaque-2: #8B5CF6;
  --destaque-suave: rgb(59 130 246 / 0.14);
  --gradiente: linear-gradient(135deg, var(--destaque), var(--destaque-2));
  --texto-sobre-destaque: #FFFFFF;

  /* Estados (só para PR, alerta, 🟢/🟡/🔴) */
  --ok: #22C55E;
  --atencao: #EAB308;
  --erro: #EF4444;
  --erro-suave: rgb(239 68 68 / 0.12);

  /* Botão do Google (regras da marca: fundo branco) */
  --google-fundo: #FFFFFF;
  --google-texto: #1F1F1F;

  /* Tipos de série (cores discretas nas etiquetas) */
  --tipo-warmup: #737373;
  --tipo-feeder: #94A3B8;
  --tipo-ws: #3B82F6;
  --tipo-top: #8B5CF6;
  --tipo-bo: #06B6D4;
  --tipo-mr: #EC4899;

  /* Tipografia */
  --fonte: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Medidas */
  --raio: 12px;
  --raio-g: 16px;
  --toque: 48px;
  --espaco: 16px;
  --nav-altura: 64px;
  --nav-largura: 232px;
  --transicao: 180ms ease;

  color-scheme: dark;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font-family: var(--fonte);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3 { margin: 0; line-height: 1.2; letter-spacing: -0.01em; }
p { margin: 0; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; }

.num { font-variant-numeric: tabular-nums; }

:focus-visible { outline: 2px solid var(--destaque); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  :root { --transicao: 0ms; }
  * { animation: none !important; transition: none !important; }
}

/* Impressão (ficha em PDF): papel branco, texto preto */
@media print {
  :root {
    --fundo: #FFFFFF;
    --superficie: #FFFFFF;
    --superficie-2: #F5F5F5;
    --borda: #D4D4D4;
    --texto: #000000;
    --texto-2: #404040;
    --texto-3: #525252;
    color-scheme: light;
  }
}