/* ============================================================================
   Tema — Escola Materna
   Só os tokens de cor e tipografia. A estrutura visual fica em /assets/styles.css
   (compartilhada entre todos os sites). Conforme "Design System — Escola Materna".
   ========================================================================== */

:root {
  --petroleo: #003a3c;
  --pessego: #f1bd7d;

  --ground: #f5f7fa;
  --card: #ffffff;
  --sunken: #eef2f6;
  --ink: #0f1729;
  --ink-2: #4e5e73;
  --line: #d9dfe8;

  --tijolo: #b33d3d;
  --ocre: #c4871c;
  --estrela: #c8912f;

  --radius: 16px;
  --radius-chip: 8px;
  --shadow: 0 1px 2px hsl(222 40% 14% / 0.05), 0 10px 24px -12px hsl(222 40% 14% / 0.09);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 180ms;

  --font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  color-scheme: light;
}