/* ============================================================================
   Tema PROVISÓRIO — Betina Foscarini (pacientes)
   Placeholder até o design system chegar. Quando chegar, trocar as cores e a
   fonte aqui (e o logo.svg / simbolo.svg ao lado). Nada de infra muda.
   Obs: --petroleo e --pessego são só os nomes históricos dos 2 tons da marca
   (a estrutura visual em /assets/styles.css os consome por esses nomes).
   ========================================================================== */

:root {
  --petroleo: #a15843;   /* tom principal — argila */
  --pessego: #e8c9a0;    /* sotaque — areia quente */

  --ground: #faf6f2;
  --card: #ffffff;
  --sunken: #f1eae2;
  --ink: #2b2420;
  --ink-2: #6b5d54;
  --line: #e5dcd2;

  --tijolo: #b33d3d;
  --ocre: #b5793a;
  --estrela: #c08a3d;

  --radius: 16px;
  --radius-chip: 8px;
  --shadow: 0 1px 2px hsl(28 25% 15% / 0.05), 0 10px 24px -12px hsl(28 25% 15% / 0.1);
  --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;
}

@media (prefers-color-scheme: dark) {
  :root {
    --petroleo: #d98e76;
    --pessego: #e8c9a0;
    --estrela: #d8a660;
    --ground: #17130f;
    --card: #241d17;
    --sunken: #1d1712;
    --ink: #f7f2ec;
    --ink-2: #b8a99c;
    --line: #382d24;
    --shadow: 0 1px 2px hsl(0 0% 0% / 0.3), 0 12px 28px -14px hsl(0 0% 0% / 0.5);
  }
}