/* Tema claro do Mnemoria. Valores de cor pertencem a este arquivo.
   Os nomes descrevem funções para permitir um segundo tema no futuro. */
:root {
  color-scheme: light;

  --color-background: #f8f6f1;
  --color-surface: #fffdf9;
  --color-input-background: #f5f2ec;
  --color-text: #30303d;
  --color-text-muted: #666477;
  --color-border: #e2dfe8;
  --color-border-strong: #c5bcd5;

  --color-primary: #7864b0;
  --color-on-primary: #ffffff;
  --color-primary-hover: #665296;
  --color-primary-soft: #eae4f4;
  --color-focus: #7864b0;
  --color-selected: #30303d;
  --color-on-selected: #ffffff;

  --color-progress-track: #e2dfe8;
  --color-progress-fill: #7864b0;
  --color-hint-background: #f2ebdc;
  --color-hint-text: #75603b;
  --color-grade-again: #f5e3df;
  --color-grade-good: #e5edde;
  --color-grade-easy: #e5e9f4;
  --color-overlay: rgb(248 246 241 / 96%);
  --color-caption-overlay: rgb(255 253 249 / 94%);
  --color-toast-background: #30303d;
  --color-toast-text: #ffffff;

  /* Paleta das cenas: os SVGs inline herdam estes papéis de cor. */
  --illustration-background: #eae4f4;
  --illustration-background-fr: #e5e8ef;
  --illustration-background-food: #f2e8d6;
  --illustration-background-travel: #e4ece0;
  --illustration-background-time: #eae4f4;
  --illustration-accent: #d5a24c;
  --illustration-accent-fr: #7864b0;
  --illustration-surface: #fff8ec;
  --illustration-glass: #bfccd2;
  --illustration-sun: #f4daa0;
  --illustration-foliage: #8ea78a;
  --illustration-foliage-light: #a4b29a;
  --illustration-wood: #8e775f;
  --illustration-wood-light: #b9a080;
  --illustration-bread: #d5a66e;
  --illustration-highlight: #fff1d5;
  --illustration-fruit: #c97769;
  --illustration-skin: #e1b897;
  --illustration-ground: #8e9187;
  --illustration-vehicle: #8ea78a;
  --illustration-ink: #6c625c;
  --illustration-outline: #b8a9d6;
  --illustration-text: #42414f;
  --illustration-text-muted: #666477;
}