/* ==========================================================================
   Tema Mush Remember — "aconchego vermelho": blush + terracota.
   Hex herdados do app (lib/app/theme/app_colors.dart). Sobrepõe os tokens
   NEUTROS do site.css nas páginas /mushremember/. Carregar DEPOIS de site.css.
   ========================================================================== */
:root {
  --bg:        #FBF3EF; /* creme blush (scaffold) */
  --surface:   #FFFCFA; /* cards (branco quentinho) */
  --surface-2: #F4E7E1; /* preenchimentos blush */
  --line:      #EEDFD9; /* divisórias sutis */
  --ink:       #3A2A2E; /* títulos (cacau quente) */
  --ink-soft:  #7B5E60; /* texto secundário (mauve) */
  --meta:      #866A6A; /* legendas (rosa-poeira, escurecido p/ AA) */

  --accent:        #C75F58; /* terracota-rosado (voz do assistente) */
  --accent-strong: #B14A43;
  --coral:         #E5824F; /* celebração / streak */
  --success:       #3EA86A; /* sálvia (concluído) */
  --brand-red:     #C53A2B; /* vermelho-cogumelo (mascote) */

  --shadow:    0 18px 40px -24px rgba(58, 42, 46, .45);
  --shadow-sm: 0 8px 20px -14px rgba(58, 42, 46, .40);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:        #0E0A09; /* cacau quase-preto (AMOLED) */
    --surface:   #1E1514;
    --surface-2: #2C1F1D;
    --line:      #402927;
    --ink:       #F5EAE6; /* creme */
    --ink-soft:  #D8C4C0;
    --meta:      #A98A88;

    --accent:        #E89089; /* terracota clara */
    --accent-strong: #D9756E;
    --coral:         #F0A275;
    --success:       #55CB8D;
    --brand-red:     #E0614F;

    /* botão/toggle no escuro: acento claro + texto escuro (site.css é light-only) */
    --btn-bg: var(--accent);
    --btn-fg: #1B1210;

    --shadow:    0 22px 48px -26px rgba(0, 0, 0, .75);
    --shadow-sm: 0 10px 26px -18px rgba(0, 0, 0, .7);
  }
  /* As telas claras do app brilham demais no escuro — suaviza levemente. */
  .shot img { filter: brightness(.96); }
}