/* Base compartilhada pelas páginas: fonte local, cores e reset. */
@font-face {
  font-family: "Lilita One";
  src: url("../assets/fonts/lilita-one-latin.woff2") format("woff2");
  font-display: swap;
}

:root {
  color-scheme: dark;
  --bg: #141726;
  --bg-deep: #0d0f1a;
  --panel: #1f2438;
  --stone: #2c3350;
  --stone-light: #4a4466;
  --stone-dark: #2a2540;
  --outline: #1c1530;
  --rune: #a78bfa;
  --rune-glow: #9a66ff;
  --crystal: #7c3aed;
  --text: #eef0ff;
  --muted: #9aa3c7;
  --done: #4ade80;
  --blue: #3f8dff;
  --blue-dark: #1d3f97;
  --red: #f04a55;
  --red-dark: #8d1b2b;
  --font-display: "Lilita One", system-ui, sans-serif;
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

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

html,
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-ui);
}

button {
  font: inherit;
  color: inherit;
}

[hidden] {
  display: none !important;
}