/* ==========================================================================
   Temas do quiz — classe no <body> (theme-{slug}).
   Cada tema só reescreve os tokens de base.css. Nada de gradiente próprio
   nem regra de componente: a composição continua a mesma, muda a cor do
   papel e da tinta. Assim tema premium não vira outro site.
   ========================================================================== */

/* Padrão — o mesmo de base.css, declarado para o seletor existir */
.theme-romantic-pink {
    --paper:       #f7f1e8;
    --paper-warm:  #efe4d5;
    --paper-deep:  #e6d8c6;
    --ink:         #241a18;
    --ink-soft:    #6e5d55;
    --ink-faint:   #9a8a80;
    --wine:        #6b1f2e;
    --wine-deep:   #4a121e;
    --terracotta:  #c0603c;
    --gold:        #b08d3f;
}

/* Papel azulado, tinta índigo — frio e sóbrio */
.theme-ocean-blue {
    --paper:       #eef2f4;
    --paper-warm:  #e0e7ec;
    --paper-deep:  #cfd9e0;
    --ink:         #16222c;
    --ink-soft:    #55636e;
    --ink-faint:   #8b9aa5;
    --wine:        #1d3f5e;
    --wine-deep:   #12293e;
    --terracotta:  #3d7ea6;
    --gold:        #8a8f5a;
    --line:        rgba(22, 34, 44, 0.14);
    --line-strong: rgba(22, 34, 44, 0.28);
}

/* Papel queimado, tinta ferrugem — quente e seco */
.theme-sunset-orange {
    --paper:       #faf0e6;
    --paper-warm:  #f2e2d0;
    --paper-deep:  #e8d2ba;
    --ink:         #2b1a12;
    --ink-soft:    #74584a;
    --ink-faint:   #a48b7b;
    --wine:        #8a3316;
    --wine-deep:   #63220e;
    --terracotta:  #c26a2c;
    --gold:        #b0803f;
    --line:        rgba(43, 26, 18, 0.14);
    --line-strong: rgba(43, 26, 18, 0.28);
}

/* Único escuro — papel virado noite, mesma estrutura */
.theme-midnight-purple {
    --paper:       #191221;
    --paper-warm:  #221830;
    --paper-deep:  #2c2040;
    --ink:         #efe7f5;
    --ink-soft:    #b6a8c4;
    --ink-faint:   #837592;
    --wine:        #c9a7e0;
    --wine-deep:   #dcc3ee;
    --terracotta:  #d9a05b;
    --gold:        #d9c07a;
    --line:        rgba(239, 231, 245, 0.16);
    --line-strong: rgba(239, 231, 245, 0.32);
    --shadow-page: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px -12px rgba(0, 0, 0, 0.6);
    --shadow-lift: 0 2px 4px rgba(0, 0, 0, 0.35), 0 20px 48px -20px rgba(0, 0, 0, 0.75);
}

/* No escuro o botão precisa inverter: fundo claro, texto escuro */
.theme-midnight-purple .btn,
.theme-midnight-purple .cta-button {
    --btn-fg: #191221;
}

.theme-midnight-purple .btn::before,
.theme-midnight-purple .cta-button::before {
    background: var(--wine-deep);
}

.theme-midnight-purple .btn-secondary,
.theme-midnight-purple .btn-outline {
    --btn-fg: var(--ink);
}

.theme-midnight-purple .btn-secondary:hover,
.theme-midnight-purple .btn-outline:hover { color: #191221; }

/* O grão escurece o papel; no tema noturno precisa clarear */
.theme-midnight-purple body::after,
body.theme-midnight-purple::after {
    mix-blend-mode: screen;
    opacity: 0.22;
}

/* Papel esverdeado, tinta mata */
.theme-forest-green {
    --paper:       #f0f2e9;
    --paper-warm:  #e2e7d8;
    --paper-deep:  #d2dac5;
    --ink:         #18211a;
    --ink-soft:    #566053;
    --ink-faint:   #8b9484;
    --wine:        #2f4a33;
    --wine-deep:   #1e3121;
    --terracotta:  #7a8c46;
    --gold:        #9a8a3c;
    --line:        rgba(24, 33, 26, 0.14);
    --line-strong: rgba(24, 33, 26, 0.28);
}