/* Viatica -- charte v0.1 : Alata (titres) + Roboto Slab (corps) */
@import url('https://fonts.googleapis.com/css2?family=Alata&family=Roboto+Slab:wght@300;400;500&display=swap');

:root {
  --viatica-charcoal: #36454F;
  --viatica-bleu-poudre: #B0D0E0;
  --viatica-bleu-ardoise: #3E6E88;
  --viatica-ambre: #E8A03D;
  --viatica-gris: #6B7680;
  --viatica-gris-clair: #E3E8EB;
}

html, body { height: 100%; }
body { margin: 0; padding: 0; background: #FFFFFF; }
.root { display: flex; flex-direction: column; height: 100%; }

/* corps : Roboto Slab */
body, .MuiTypography-root, .MuiButton-root, .MuiInputBase-root,
.MuiTableCell-root, .MuiMenuItem-root, .MuiChip-label {
  font-family: 'Roboto Slab', Georgia, serif;
}
/* titres et barres : Alata */
.MuiTypography-h1, .MuiTypography-h2, .MuiTypography-h3,
.MuiTypography-h4, .MuiTypography-h5, .MuiTypography-h6,
.MuiToolbar-root .MuiTypography-root {
  font-family: 'Alata', system-ui, sans-serif;
  letter-spacing: 0.02em;
}

@media (prefers-color-scheme: dark) { body { background: #20282E; } }
@media print { * { height: auto !important; overflow: visible !important; } }