/* =========================================================
   ARTESA · TOKENS DE DESIGN (cores, fontes, raios)
   Toda a identidade visual mora AQUI. Trocar a identidade = mexer só neste arquivo.
   Tema principal: "Candy Vibrante" (pastel forte, maternidade). O "Candy suave" e os outros 3 ficam para comparação.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=DM+Serif+Display&family=Fraunces:opsz,wght@9..144,700&family=Fredoka:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&family=Plus+Jakarta+Sans:wght@700;800&display=swap');

:root {
  --raio: 18px; --raio-p: 12px; --raio-g: 26px;
  --sombra: 0 6px 18px rgba(80, 40, 60, .08);
  --sombra-forte: 0 14px 34px rgba(80, 40, 60, .16);
  --f-mao: "Caveat", cursive;
}

/* ---------- 🍬 CANDY VIBRANTE (principal desde 01/10: os mesmos tons candy, mais fortes) ----------
   Fundo rosado com manchas de cor, topo em degradê rosa → lilás, cartões brancos que "saltam",
   ícones coloridos e cores suaves mais vivas. Todos os pares de texto passam no contraste AA. */
[data-tema="candy"], [data-tema="candy-suave"] {
  --f-titulo: "Fredoka", "Nunito", sans-serif; --peso-titulo: 600; --f-texto: "Nunito", sans-serif;
}
[data-tema="candy"][data-modo="claro"] {
  --fundo: #FFE4F0; --superficie: #FFFFFF; --superficie-2: #FFE0EE; --linha: #F6C4DA;
  --texto: #3B1730; --texto2: #6E4560;
  --destaque: #FF6FAE; --sobre-destaque: #3D0B24; --destaque-texto: #970F52; --destaque-suave: #FFCFE4;
  --sucesso: #0B6644; --sucesso-suave: #BFF2DA;
  --alerta: #8A3F00; --alerta-suave: #FFD9B8;
  --perigo: #A1173A; --perigo-suave: #FFD3DD;
  --info: #1B5590; --info-suave: #C9E4FF;
  --lavanda: #5128A8; --lavanda-suave: #E0D2FF;
  --amarelo: #634C00; --amarelo-suave: #FFEB94;
  --sombra: 0 8px 22px rgba(214, 51, 132, .13); --sombra-forte: 0 16px 36px rgba(160, 30, 100, .22);
  --fundo-app: #FFE4F0;   /* fundo de uma cor só, rosa candy clarinho (pedido da Cátia, 02/10: "clareia o fundo"; antes era #FFC6DD) */
  --fundo-fora: #FBD6E7;
  --topo-fundo: #FF9DC9; --topo-texto: #3B1730; --topo-sub: #4A1F3D;
  --topo-raio: 0 0 24px 24px; --topo-sombra: 0 10px 24px rgba(214, 51, 132, .22);
  --rotulo-cor: var(--destaque-texto); --navbar-fundo: #FFF3F9; --navbar-linha: #F6C4DA;
  /* quadros coloridos (Meu Dia) e o fundo dos cartões, que vai trocando de cor em vez de ficar branco */
  --q-rosa: #FFB3D1; --q-lilas: #D3BFFF; --q-menta: #A6EBCB; --q-pessego: #FFC79E; --q-azul: #B5DBFF; --q-amarelo: #FFE27A;
  --cartao-1: #FFF5FA; --cartao-2: #EEE4FF; --cartao-3: #DDF5EA; --cartao-4: #FFEBDD; --notif-fundo: #FFF4CF;
}
[data-tema="candy"][data-modo="escuro"] {
  --fundo: #1E0E21; --superficie: #2C1631; --superficie-2: #3A1D40; --linha: #4E2A55;
  --texto: #FFF0F8; --texto2: #DDBFD3;
  --destaque: #FF7EB6; --sobre-destaque: #33091E; --destaque-texto: #FF9DCA; --destaque-suave: #4A1838;
  --sucesso: #7FE6BE; --sucesso-suave: #123D2D;
  --alerta: #FFBD7A; --alerta-suave: #44280F;
  --perigo: #FF9AAE; --perigo-suave: #4A1724;
  --info: #9CCBFF; --info-suave: #142E4D;
  --lavanda: #CFB6FF; --lavanda-suave: #33205A;
  --amarelo: #FFE27A; --amarelo-suave: #3F340C;
  --sombra: 0 8px 22px rgba(0, 0, 0, .35); --sombra-forte: 0 16px 36px rgba(0, 0, 0, .5);
  --fundo-app: #1E0E21;
  --fundo-fora: #120814;
  --topo-fundo: #7A2358; --topo-texto: #FFF0F8; --topo-sub: #F3D3E6;
  --topo-raio: 0 0 24px 24px; --topo-sombra: 0 10px 24px rgba(0, 0, 0, .4);
  --rotulo-cor: var(--destaque-texto); --navbar-fundo: #2A1330; --navbar-linha: #4E2A55;
  --q-rosa: #5A1E46; --q-lilas: #3E2A6B; --q-menta: #1D4A3B; --q-pessego: #5A3418; --q-azul: #1E3A5F; --q-amarelo: #4D410F;
  --cartao-1: #3A1838; --cartao-2: #2D2148; --cartao-3: #1B3A31; --cartao-4: #3D2620; --notif-fundo: #3A3018;
  --q-bolha: rgba(255, 255, 255, .07); --q-icone-fundo: rgba(255, 255, 255, .12);
}

/* ---------- 🍬 CANDY SUAVE (o anterior, mais clarinho: fica para comparar no botão 🎨) ---------- */
[data-tema="candy-suave"][data-modo="claro"] {
  --fundo: #FFF8FB; --superficie: #FFFFFF; --superficie-2: #FFF0F6; --linha: #F3DDE8;
  --texto: #3B2635; --texto2: #74606E;
  --destaque: #F7A8C6; --sobre-destaque: #4A1430; --destaque-texto: #AE376B; --destaque-suave: #FFE4EF;
  --sucesso: #1D6A51; --sucesso-suave: #D7F3E6;
  --alerta: #8C4C0B; --alerta-suave: #FFE7CF;
  --perigo: #A2233A; --perigo-suave: #FFE0E6;
  --info: #2B5C8D; --info-suave: #DCEDFF;
  --lavanda: #5C42A2; --lavanda-suave: #ECE5FF;
  --amarelo: #6E5300; --amarelo-suave: #FFF2BF;
  --fundo-app: radial-gradient(600px 380px at 0% 0%, #FFE6F1 0%, transparent 70%), radial-gradient(520px 360px at 100% 30%, #E6F7EF 0%, transparent 70%), radial-gradient(520px 420px at 0% 100%, #EEE6FF 0%, transparent 70%), #FFF8FB;
}
[data-tema="candy-suave"][data-modo="escuro"] {
  --fundo: #1C1620; --superficie: #272029; --superficie-2: #30263A; --linha: #3B3041;
  --texto: #FBEFF6; --texto2: #CDB8C6;
  --destaque: #F7A8C6; --sobre-destaque: #3A0F24; --destaque-texto: #FF9FC4; --destaque-suave: #3D2433;
  --sucesso: #8FE0BF; --sucesso-suave: #18352B;
  --alerta: #FFC285; --alerta-suave: #3A2815;
  --perigo: #FF9AAA; --perigo-suave: #3D1C24;
  --info: #A9CFFF; --info-suave: #1B2C40;
  --lavanda: #CDB8FF; --lavanda-suave: #2D2445;
  --amarelo: #FFE07A; --amarelo-suave: #3A3212;
  --fundo-app: radial-gradient(600px 380px at 0% 0%, #2E1E2A 0%, transparent 70%), radial-gradient(520px 420px at 100% 100%, #221E33 0%, transparent 70%), #1C1620;
}

/* ---------- 1 · ATELIÊ AFETIVO ---------- */
[data-tema="atelie"] { --f-titulo: "Fraunces", Georgia, serif; --peso-titulo: 700; --f-texto: "Nunito", sans-serif; }
[data-tema="atelie"][data-modo="claro"] {
  --fundo: #FBF5EF; --superficie: #FFFFFF; --superficie-2: #F8EDE6; --linha: #EADBD2; --texto: #3A2219; --texto2: #7A5A4E;
  --destaque: #B3375A; --sobre-destaque: #FFFFFF; --destaque-texto: #B3375A; --destaque-suave: #FBE3E8;
  --sucesso: #1A6C66; --sucesso-suave: #DDF1EE; --alerta: #945008; --alerta-suave: #FBEBD6; --perigo: #A2233A; --perigo-suave: #FBE0E3;
  --info: #2B5C8D; --info-suave: #E1EEFA; --lavanda: #5C42A2; --lavanda-suave: #EEE8FA; --amarelo: #6E5300; --amarelo-suave: #FBF0CC; --fundo-app: #FBF5EF;
}
[data-tema="atelie"][data-modo="escuro"] {
  --fundo: #1C1513; --superficie: #271D1A; --superficie-2: #2F2420; --linha: #3A2C27; --texto: #F7ECE6; --texto2: #C9B3A9;
  --destaque: #FF8DA4; --sobre-destaque: #2A0F17; --destaque-texto: #FF8DA4; --destaque-suave: #3A2128;
  --sucesso: #5CCBC1; --sucesso-suave: #173330; --alerta: #F4B25E; --alerta-suave: #3A2A15; --perigo: #FF9AAA; --perigo-suave: #3D1C24;
  --info: #A9CFFF; --info-suave: #1B2C40; --lavanda: #CDB8FF; --lavanda-suave: #2D2445; --amarelo: #FFE07A; --amarelo-suave: #3A3212; --fundo-app: #1C1513;
}
/* ---------- 2 · ELEGÂNCIA NEUTRA ---------- */
[data-tema="neutra"] { --f-titulo: "DM Serif Display", Georgia, serif; --peso-titulo: 400; --f-texto: "Inter", sans-serif; }
[data-tema="neutra"][data-modo="claro"] {
  --fundo: #F6F3EE; --superficie: #FFFFFF; --superficie-2: #F0EBE3; --linha: #E6E0D6; --texto: #1D1B18; --texto2: #6B655C;
  --destaque: #A94A25; --sobre-destaque: #FFFFFF; --destaque-texto: #A94A25; --destaque-suave: #F6E4DA;
  --sucesso: #2D6A4F; --sucesso-suave: #E0EFE7; --alerta: #9A5B00; --alerta-suave: #F7ECD7; --perigo: #A2233A; --perigo-suave: #F8E0E2;
  --info: #2B5C8D; --info-suave: #E3EDF7; --lavanda: #5C42A2; --lavanda-suave: #ECE8F6; --amarelo: #6E5300; --amarelo-suave: #F5EDD0; --fundo-app: #F6F3EE;
}
[data-tema="neutra"][data-modo="escuro"] {
  --fundo: #121110; --superficie: #1C1A18; --superficie-2: #24211E; --linha: #2E2B27; --texto: #F3EFE8; --texto2: #B5ADA1;
  --destaque: #E58A5E; --sobre-destaque: #1E0E06; --destaque-texto: #E58A5E; --destaque-suave: #33231B;
  --sucesso: #63BE93; --sucesso-suave: #16291F; --alerta: #E2AE4C; --alerta-suave: #30260F; --perigo: #FF9AAA; --perigo-suave: #3D1C24;
  --info: #A9CFFF; --info-suave: #1B2C40; --lavanda: #CDB8FF; --lavanda-suave: #2D2445; --amarelo: #FFE07A; --amarelo-suave: #3A3212; --fundo-app: #121110;
}
/* ---------- 3 · LAVANDA & SÁLVIA ---------- */
[data-tema="lavanda"] { --f-titulo: "Plus Jakarta Sans", sans-serif; --peso-titulo: 800; --f-texto: "Inter", sans-serif; }
[data-tema="lavanda"][data-modo="claro"] {
  --fundo: #F5F4FA; --superficie: #FFFFFF; --superficie-2: #EFEDF7; --linha: #E4E1EF; --texto: #1E1B2E; --texto2: #615C78;
  --destaque: #6A4BB0; --sobre-destaque: #FFFFFF; --destaque-texto: #6A4BB0; --destaque-suave: #ECE6FA;
  --sucesso: #2E7650; --sucesso-suave: #E0F1E7; --alerta: #A6520C; --alerta-suave: #FAE9DA; --perigo: #A2233A; --perigo-suave: #FBE1E5;
  --info: #2B5C8D; --info-suave: #E1EDFA; --lavanda: #5C42A2; --lavanda-suave: #ECE6FA; --amarelo: #6E5300; --amarelo-suave: #FAF0CF; --fundo-app: #F5F4FA;
}
[data-tema="lavanda"][data-modo="escuro"] {
  --fundo: #14121B; --superficie: #1E1B28; --superficie-2: #252131; --linha: #2F2B3D; --texto: #F1EEF8; --texto2: #B7B1CC;
  --destaque: #B9A3F2; --sobre-destaque: #1B1033; --destaque-texto: #B9A3F2; --destaque-suave: #2B2443;
  --sucesso: #6FC79D; --sucesso-suave: #17302A; --alerta: #F2A65E; --alerta-suave: #352616; --perigo: #FF9AAA; --perigo-suave: #3D1C24;
  --info: #A9CFFF; --info-suave: #1B2C40; --lavanda: #CDB8FF; --lavanda-suave: #2D2445; --amarelo: #FFE07A; --amarelo-suave: #3A3212; --fundo-app: #14121B;
}