/* Tema claro da implantação sara.yclpaiva.dev. */
:root {
  color-scheme: light;

  --plane: #f4f7fb;
  --panel: #ffffff;
  --raised: #edf3f8;
  --raised-2: #e2eaf2;

  --border: rgba(31, 65, 91, 0.15);
  --border-strong: rgba(31, 65, 91, 0.3);

  --ink: #172536;
  --ink-2: #3f5870;
  --ink-muted: #667b8f;

  --neon-cyan: #087f91;
  --neon-magenta: #b92e70;
  --neon-cyan-dim: rgba(8, 127, 145, 0.12);
  --neon-magenta-dim: rgba(185, 46, 112, 0.11);

  --danger: #c73939;
  --good: #16834d;
  --good-dim: rgba(22, 131, 77, 0.12);
  --warn: #a65b00;
}

body {
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(8, 127, 145, 0.08), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(185, 46, 112, 0.055), transparent 60%),
    var(--plane);
}

/* Cartões flutuantes que no tema original usam preto literal. */
.filecard,
.curvecard,
.chart__tip,
.valuecard,
.runlog__tip {
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 10px 30px rgba(35, 55, 75, 0.16);
}

.curves__scrim,
.browserwarn {
  background: rgba(31, 45, 60, 0.32);
}

.curves__rail,
.stepform__popover,
.browserwarn__box {
  box-shadow: 0 12px 32px rgba(35, 55, 75, 0.18);
}

/* Vermelho legível em tabelas de log sobre fundo claro. */
.sev-error td,
.sev-critical td,
.sev-fatal td {
  color: #a92727;
}

::-webkit-scrollbar-thumb {
  border-color: var(--panel);
}