/* Estéticas do painel.
   Cada uma define cores (variáveis), fundo, moldura dos cartões e fontes.
   Pra criar uma nova: copie um bloco, troque o nome em [data-tema] e adicione em js/temas.js. */

/* ============ Cottage vintage ============ */
body[data-tema="cottage"] {
  --destaque: #A3352D; --destaque-texto: #FFFFFF;
  --suave: #E3E7D3; --fundo: #BCA77E; --tinta: #3E3A26; --apagado: #625B40;
  --fita: rgba(167, 181, 142, 0.85); --cartao: #FBF7EC;
  --fonte-titulo: 'Pacifico', serif;
  --tom-0: #E3E7D3; --tom-1: #F1E6C8; --tom-2: #F3DDD6; --tom-3: #DDE5EA;
  --tom-4: #E9E2CC; --tom-5: #E6E9D8; --tom-6: #F5ECD7; --tom-7: #EADFD0;
  background-image: url('/assets/fundos/floral-miudo.svg');
  background-size: 56px 56px;
}
body[data-tema="cottage"] .cartao,
body[data-tema="cottage"] .topo {
  background: var(--cartao); background-clip: padding-box;
  border: 14px solid transparent; border-image: url('/assets/fundos/renda.svg') 14 round;
  border-radius: 0; box-shadow: 0 16px 28px -18px rgba(60, 48, 26, 0.6);
}
body[data-tema="cottage"] .cartao { padding: 14px 16px; }
body[data-tema="cottage"] .topo { padding: 10px 18px; }
body[data-tema="cottage"] :is(h1, h2, h3, .titulo-marca, .anel-dia, .dia-numero) { font-style: italic; font-weight: 700; letter-spacing: 0; }
body[data-tema="cottage"] h2 { font-size: 26px; }

/* ============ Ursinho xadrez ============ */
body[data-tema="ursinho"] {
  --destaque: #26324F; --destaque-texto: #FFFFFF;
  --suave: #EADFC6; --fundo: #A9763F; --tinta: #3B2416; --apagado: #6E513A;
  --fita: rgba(158, 31, 42, 0.55); --cartao: #F5EDD8;
  --fonte-titulo: 'Pacifico', cursive;
  --tom-0: #EADFC6; --tom-1: #E3D2B4; --tom-2: #D9C6A5; --tom-3: #E8D9BE;
  --tom-4: #EFE4CC; --tom-5: #E0CDAE; --tom-6: #F1E6CF; --tom-7: #E5D5B8;
  background-image: url('/assets/fundos/xadrez-caramelo.svg');
  background-size: 96px 96px;
}
body[data-tema="ursinho"] .cartao,
body[data-tema="ursinho"] .topo {
  background: var(--cartao); border: 3px solid #6B4A2E; border-radius: 20px;
  box-shadow: 0 6px 0 #4A2A12, 0 18px 30px -14px rgba(40, 20, 8, 0.6);
}
body[data-tema="ursinho"] .cartao::before,
body[data-tema="ursinho"] .topo::before {
  content: ''; position: absolute; inset: 7px; border: 2px dashed rgba(59, 36, 22, 0.4);
  border-radius: 14px; pointer-events: none;
}
body[data-tema="ursinho"] :is(h1, h2, h3, .titulo-marca) { font-weight: 400; color: var(--destaque); letter-spacing: 0.3px; }
body[data-tema="ursinho"] h2 { font-size: 30px; }
body[data-tema="ursinho"] .titulo-marca { font-size: 42px; }
body[data-tema="ursinho"] .dia-numero, body[data-tema="ursinho"] .anel-dia { font-family: 'Schibsted Grotesk', sans-serif; }
body[data-tema="ursinho"] .barra-cheia { background: repeating-linear-gradient(45deg, #26324F 0 8px, #34426A 8px 16px); }

/* ============ Mirtilo ============ */
body[data-tema="mirtilo"] {
  --destaque: #4A6FB0; --destaque-texto: #FFFFFF;
  --suave: #DDE7F7; --fundo: #EEF3FB; --tinta: #2E3A5C; --apagado: #56658C;
  --fita: rgba(201, 184, 232, 0.75); --cartao: #FFFFFF;
  --fonte-titulo: 'Schibsted Grotesk', sans-serif;
  --tom-0: #DDE7F7; --tom-1: #E9E1F7; --tom-2: #DCEFDB; --tom-3: #E3ECFA;
  --tom-4: #F0EAFB; --tom-5: #D6E3F6; --tom-6: #E6F2E4; --tom-7: #EDE6F8;
  background-image:
    url('/assets/fundos/mirtilo-flores.svg'),
    repeating-linear-gradient(90deg, rgba(150, 178, 222, 0.32) 0 22px, transparent 22px 44px),
    repeating-linear-gradient(0deg, rgba(150, 178, 222, 0.32) 0 22px, transparent 22px 44px);
  background-size: 260px 260px, auto, auto;
}
body[data-tema="mirtilo"] .cartao,
body[data-tema="mirtilo"] .topo {
  background: var(--cartao); border: 3px solid #C9D7EE; border-radius: 30px;
  box-shadow: 0 14px 30px -16px rgba(74, 111, 176, 0.45);
}
body[data-tema="mirtilo"] .cartao::before,
body[data-tema="mirtilo"] .topo::before {
  content: ''; position: absolute; inset: 6px; border: 2px dashed #CBD9F0; border-radius: 24px; pointer-events: none;
}
body[data-tema="mirtilo"] h2 { color: #3B5A96; }

/* ============ Papelaria kraft ============ */
body[data-tema="kraft"] {
  --destaque: #6B6450; --destaque-texto: #FFFFFF;
  --suave: #DDD6C4; --fundo: #E4D9C5; --tinta: #3A352B; --apagado: #6B6450;
  --fita: rgba(201, 195, 174, 0.85); --cartao: #F3EDE1;
  --fonte-titulo: 'Pacifico', serif;
  --tom-0: #E8E1D0; --tom-1: #E2DAC6; --tom-2: #EAE3D3; --tom-3: #DED6C2;
  --tom-4: #E6DFCD; --tom-5: #E0D8C4; --tom-6: #ECE6D8; --tom-7: #E4DCC9;
  background-image: url('/assets/fundos/papel-kraft.svg');
  background-size: 220px 220px;
}
body[data-tema="kraft"] .cartao,
body[data-tema="kraft"] .topo {
  background: var(--cartao); border: 1px solid #B8AC92; border-radius: 4px;
  box-shadow: 0 1px 0 #fff inset, 0 14px 26px -18px rgba(58, 53, 43, 0.5);
}
body[data-tema="kraft"] h2,
body[data-tema="kraft"] h3 {
  display: inline-block; padding: 4px 14px 2px; font-size: 16px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.14em;
  background: url('/assets/fundos/pincel.svg') center / 100% 100% no-repeat;
}
body[data-tema="kraft"] .titulo-marca { font-weight: 600; text-transform: uppercase; letter-spacing: 0.18em; font-size: 26px; }
body[data-tema="kraft"] .mao { font-family: 'Kalam', cursive; }
body[data-tema="kraft"] .media { font-size: 21px; }
body[data-tema="kraft"] .titulo-diario { font-family: 'Kalam', cursive !important; text-transform: none; letter-spacing: 0; background: none; font-size: 34px !important; padding: 0; }
body[data-tema="kraft"] .pautado { font-family: 'Kalam', cursive; background-image: repeating-linear-gradient(to bottom, transparent 0 31px, rgba(58, 53, 43, 0.25) 31px 32px); }

/* ============ Chintz vinho ============ */
body[data-tema="chintz"] {
  --destaque: #7E1F2B; --destaque-texto: #FFFFFF;
  --suave: #EFD9CC; --fundo: #EBDABF; --tinta: #3B1E1A; --apagado: #6E4A40;
  --fita: rgba(126, 31, 43, 0.35); --cartao: #F8F0E2;
  --fonte-titulo: 'Pacifico', serif;
  --tom-0: #EFD9CC; --tom-1: #E4E2CC; --tom-2: #F2E2CF; --tom-3: #DCE3DF;
  --tom-4: #F0D8D2; --tom-5: #E6E6D2; --tom-6: #F4E7D6; --tom-7: #E2D4CC;
  background-image: url('/assets/fundos/chintz.svg');
  background-size: 220px 220px;
}
body[data-tema="chintz"]::before {
  content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(ellipse 60% 45% at 50% 0%, rgba(255, 210, 140, 0.45), transparent 70%),
    radial-gradient(ellipse at 50% 50%, transparent 55%, rgba(70, 25, 15, 0.28));
}
body[data-tema="chintz"] .cartao,
body[data-tema="chintz"] .topo {
  background: var(--cartao); border: 1.5px solid #7E1F2B; border-radius: 3px;
  box-shadow: 0 18px 30px -18px rgba(59, 30, 26, 0.6);
}
body[data-tema="chintz"] .cartao::before,
body[data-tema="chintz"] .topo::before {
  content: ''; position: absolute; inset: 6px; border: 1px solid rgba(126, 31, 43, 0.45); pointer-events: none;
}
body[data-tema="chintz"] :is(h1, h2, h3, .titulo-marca, .anel-dia, .dia-numero) { font-style: italic; font-weight: 600; }

/* ============ Gansinho ============ */
body[data-tema="gansinho"] {
  --destaque: #B5443A; --destaque-texto: #FFFFFF;
  --suave: #E6E1D6; --fundo: #EDE3CF; --tinta: #3C3A3A; --apagado: #66615A;
  --fita: rgba(142, 152, 168, 0.65); --cartao: #F7F0E0;
  --fonte-titulo: 'Pacifico', serif;
  --tom-0: #E8D9B4; --tom-1: #DDE0E6; --tom-2: #EFE5CF; --tom-3: #E3E6EB;
  --tom-4: #F0DCCF; --tom-5: #E6E1D6; --tom-6: #EADFC4; --tom-7: #DCDFE5;
  background-image: url('/assets/fundos/xadrez-gansinho.svg');
  background-size: 120px 120px;
}
body[data-tema="gansinho"] .cartao,
body[data-tema="gansinho"] .topo {
  background: var(--cartao); border: 2.5px solid #B89A6A; border-radius: 22px;
  box-shadow: 0 16px 28px -16px rgba(60, 58, 58, 0.5);
}
body[data-tema="gansinho"] .cartao::before,
body[data-tema="gansinho"] .topo::before {
  content: ''; position: absolute; inset: 6px; border: 1.6px dashed #C9A66B; border-radius: 16px; pointer-events: none;
}
body[data-tema="gansinho"] :is(h1, h2, h3, .titulo-marca, .anel-dia, .dia-numero) { font-style: italic; font-weight: 700; }
body[data-tema="gansinho"] h2 { font-size: 26px; }

/* ============ Rosa Barbie ============ */
body[data-tema="rosa"] {
  --destaque: #D1206B; --destaque-texto: #FFFFFF;
  --suave: #FFDCEA; --fundo: #FFF4F8; --tinta: #4A1A33; --apagado: #85476A;
  --fita: rgba(255, 128, 170, 0.55); --cartao: #FFFFFF;
  --fonte-titulo: 'Schibsted Grotesk', sans-serif;
  --tom-0: #FFD9E8; --tom-1: #FFEDB8; --tom-2: #E7DDFF; --tom-3: #FFD3DE;
  --tom-4: #D7F2E3; --tom-5: #D6ECFF; --tom-6: #FFE3CF; --tom-7: #F3D9FF;
  background-image: radial-gradient(rgba(74, 26, 51, 0.10) 1.3px, transparent 1.5px);
  background-size: 22px 22px;
}

/* ============ Prévia de cada estética na galeria ============ */
.previa { display: block; width: 100%; height: 64px; border-radius: 12px; position: relative; overflow: hidden; }
.previa::after { content: ''; position: absolute; right: 8px; bottom: 8px; width: 34px; height: 22px; border-radius: 6px; background: var(--p-cartao); box-shadow: 0 0 0 3px var(--p-destaque); }
.previa-cottage { --p-cartao: #FBF7EC; --p-destaque: #A3352D; background: url('/assets/fundos/floral-miudo.svg') 0 0 / 40px 40px; }
.previa-ursinho { --p-cartao: #F5EDD8; --p-destaque: #26324F; background: url('/assets/fundos/xadrez-caramelo.svg') 0 0 / 64px 64px; }
.previa-mirtilo { --p-cartao: #FFFFFF; --p-destaque: #4A6FB0; background: url('/assets/fundos/mirtilo-flores.svg') 0 0 / 150px 150px, repeating-linear-gradient(90deg, rgba(150,178,222,.35) 0 12px, transparent 12px 24px), repeating-linear-gradient(0deg, rgba(150,178,222,.35) 0 12px, #EEF3FB 12px 24px); }
.previa-kraft { --p-cartao: #F3EDE1; --p-destaque: #6B6450; background: url('/assets/fundos/papel-kraft.svg') 0 0 / 120px 120px; }
.previa-chintz { --p-cartao: #F8F0E2; --p-destaque: #7E1F2B; background: url('/assets/fundos/chintz.svg') 0 0 / 130px 130px; }
.previa-gansinho { --p-cartao: #F7F0E0; --p-destaque: #B5443A; background: url('/assets/fundos/xadrez-gansinho.svg') 0 0 / 70px 70px; }
.previa-rosa { --p-cartao: #FFFFFF; --p-destaque: #D1206B; background: #FFF4F8 radial-gradient(rgba(209,32,107,.25) 1.3px, transparent 1.6px) 0 0 / 12px 12px; }

/* Abas e dias da semana usam os tons da estética */
.tom-0, .aba-0 { background: var(--tom-0); }
.tom-1, .aba-1 { background: var(--tom-1); }
.tom-2, .aba-2 { background: var(--tom-2); }
.tom-3, .aba-3 { background: var(--tom-3); }
.tom-4, .aba-4 { background: var(--tom-4); }
.tom-5, .aba-5 { background: var(--tom-5); }
.tom-6, .aba-6 { background: var(--tom-6); }
.aba-7 { background: var(--tom-7); }
.aba-8 { background: var(--tom-1); }
.aba.ativa, .dia-semana.hoje { background: var(--destaque) !important; color: var(--destaque-texto) !important; }
.aba.ativa .bolinha { background: var(--destaque-texto) !important; }

/* ===================================================================
   Estéticas elegantes (mais adultas): menos fofura, traço fino, serifadas
   =================================================================== */
.grupo-temas { margin: 6px 0 4px; font-size: 13px; font-family: 'Schibsted Grotesk', sans-serif; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--apagado); font-style: normal !important; }

/* ============ Linho & café ============ */
body[data-tema="linho"] {
  --destaque: #6F5643; --destaque-texto: #FFFFFF;
  --suave: #EEE6D9; --fundo: #E7DFD1; --tinta: #2F2925; --apagado: #6E6359;
  --fita: rgba(186, 166, 138, 0.55); --cartao: #FBF8F3;
  --fonte-titulo: 'Pacifico', serif;
  --tom-0: #EEE6D9; --tom-1: #E8E1D6; --tom-2: #EFE5DC; --tom-3: #E4E2DA;
  --tom-4: #F0E9DE; --tom-5: #E9E3D8; --tom-6: #F3EDE3; --tom-7: #E6DED2;
  background-image: url('/assets/fundos/linho.svg');
  background-size: 80px 80px;
}
body[data-tema="linho"] .cartao,
body[data-tema="linho"] .topo {
  background: var(--cartao); border: 1px solid #D8CCBA; border-radius: 8px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 18px 34px -24px rgba(60, 45, 30, 0.55);
}
body[data-tema="linho"] :is(h1, h2, h3, .titulo-marca) { font-weight: 600; letter-spacing: 0.2px; }
body[data-tema="linho"] h2 { font-size: 24px; }

/* ============ Oliva botânico ============ */
body[data-tema="oliva"] {
  --destaque: #55613F; --destaque-texto: #FFFFFF;
  --suave: #E6E8D9; --fundo: #424B37; --tinta: #262B20; --apagado: #5F6652;
  --fita: rgba(181, 154, 91, 0.6); --cartao: #F7F3E8;
  --fonte-titulo: 'Pacifico', serif;
  --tom-0: #E6E8D9; --tom-1: #EFEBDC; --tom-2: #E2E5D3; --tom-3: #ECE6D3;
  --tom-4: #E9EBDF; --tom-5: #F1EDE0; --tom-6: #E4E7D8; --tom-7: #EDE8D8;
  background-image: url('/assets/fundos/oliva.svg');
  background-size: 180px 180px;
}
body[data-tema="oliva"] .cartao,
body[data-tema="oliva"] .topo {
  background: var(--cartao); border: 1px solid #B59A5B; border-radius: 2px;
  box-shadow: 0 22px 40px -22px rgba(10, 14, 6, 0.75);
}
body[data-tema="oliva"] .cartao::before,
body[data-tema="oliva"] .topo::before {
  content: ''; position: absolute; inset: 5px; border: 1px solid rgba(181, 154, 91, 0.45); pointer-events: none;
}
body[data-tema="oliva"] :is(h1, h2, h3, .titulo-marca, .anel-dia, .dia-numero) { font-style: italic; font-weight: 600; }
body[data-tema="oliva"] h2 { font-size: 27px; }

/* ============ Noite em Paris ============ */
body[data-tema="noite"] {
  --destaque: #1F2A44; --destaque-texto: #F4E7C9;
  --suave: #E8E4DA; --fundo: #1E2539; --tinta: #1C2233; --apagado: #5A6074;
  --fita: rgba(184, 151, 90, 0.7); --cartao: #FBF8F1;
  --fonte-titulo: 'Pacifico', serif;
  --tom-0: #E8E4DA; --tom-1: #EDE6D4; --tom-2: #E4E6EC; --tom-3: #EFE9DC;
  --tom-4: #E6E2D6; --tom-5: #ECE7DB; --tom-6: #E2E4EA; --tom-7: #EEE8DA;
  background-image: url('/assets/fundos/deco.svg');
  background-size: 80px 80px;
}
body[data-tema="noite"] .cartao,
body[data-tema="noite"] .topo {
  background: var(--cartao); border: 1px solid #B8975A; border-radius: 0;
  box-shadow: 0 24px 44px -24px rgba(0, 0, 0, 0.8);
}
body[data-tema="noite"] .cartao::before,
body[data-tema="noite"] .topo::before {
  content: ''; position: absolute; inset: 6px; border: 1px solid rgba(184, 151, 90, 0.5); pointer-events: none;
}
body[data-tema="noite"] :is(h1, h2, h3, .titulo-marca) { font-style: italic; font-weight: 600; letter-spacing: 0.2px; }
body[data-tema="noite"] .titulo-marca, body[data-tema="noite"] .marca { color: #1F2A44; }
body[data-tema="noite"] .marca svg { color: #B8975A; }
body[data-tema="noite"] .barra-cheia { background: linear-gradient(90deg, #1F2A44, #3A4A70); }

/* nas elegantes, a letra "de mão" vira serifada itálica, mais sóbria */
body:is([data-tema="linho"], [data-tema="oliva"], [data-tema="noite"]) .mao { font-family: 'Pacifico', serif; font-style: italic; font-weight: 500; }
body:is([data-tema="linho"], [data-tema="oliva"], [data-tema="noite"]) .postit-frase {
  background: var(--cartao); color: var(--tinta); border-radius: 2px; transform: none;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fita) 70%, transparent), 0 18px 30px -22px rgba(0, 0, 0, 0.6);
}
body:is([data-tema="linho"], [data-tema="oliva"], [data-tema="noite"]) .postit-frase .frase-do-dia { font-size: 28px; color: var(--tinta); }
body:is([data-tema="linho"], [data-tema="oliva"], [data-tema="noite"]) .postit-rotulo,
body:is([data-tema="linho"], [data-tema="oliva"], [data-tema="noite"]) .postit-frase .link-botao { color: var(--apagado); }
body:is([data-tema="linho"], [data-tema="oliva"], [data-tema="noite"]) .washi { background: var(--fita); height: 18px; width: 64px; transform: rotate(-3deg); }
body:is([data-tema="linho"], [data-tema="oliva"], [data-tema="noite"]) .fita { opacity: 0.75; }
body:is([data-tema="oliva"], [data-tema="noite"]) .resumo-item { box-shadow: 0 16px 30px -18px rgba(0, 0, 0, 0.8); }

.previa-linho { --p-cartao: #FBF8F3; --p-destaque: #6F5643; background: url('/assets/fundos/linho.svg') 0 0 / 60px 60px; }
.previa-oliva { --p-cartao: #F7F3E8; --p-destaque: #B59A5B; background: url('/assets/fundos/oliva.svg') 0 0 / 120px 120px; }
.previa-noite { --p-cartao: #FBF8F1; --p-destaque: #B8975A; background: url('/assets/fundos/deco.svg') 0 0 / 50px 50px; }
body[data-tema="linho"] .resumo-item { border-radius: 8px; box-shadow: inset 0 0 0 1px #D8CCBA, 0 16px 30px -22px rgba(60, 45, 30, 0.55); }
body[data-tema="oliva"] .resumo-item { border-radius: 2px; box-shadow: inset 0 0 0 1px #B59A5B, 0 16px 30px -18px rgba(0, 0, 0, 0.8); }
body[data-tema="noite"] .resumo-item { border-radius: 0; box-shadow: inset 0 0 0 1px #B8975A, 0 16px 30px -18px rgba(0, 0, 0, 0.8); }
body:is([data-tema="linho"], [data-tema="oliva"], [data-tema="noite"]) .dia-faixa { border-radius: 6px; }
body:is([data-tema="oliva"], [data-tema="noite"]) .barra-baixo, body:is([data-tema="oliva"], [data-tema="noite"]) .folha-mais { border-radius: 4px; }

/* ===================================================================
   Todas as estéticas, acabamento premium: cantos suaves, linhas finas, sombras em camadas,
   sem fita adesiva, sem bolinhas, muito respiro.
   =================================================================== */
body[data-tema] {
  --borda-premium: color-mix(in srgb, var(--tinta) 10%, transparent);
  --sombra-premium: 0 1px 1px rgba(0, 0, 0, 0.04), 0 8px 18px -10px rgba(0, 0, 0, 0.18), 0 28px 50px -30px rgba(0, 0, 0, 0.35);
}
body[data-tema="oliva"] { --borda-premium: rgba(181, 154, 91, 0.35); }
body[data-tema="noite"] { --borda-premium: rgba(184, 151, 90, 0.4); }

body[data-tema] :is(.cartao, .topo) {
  border: 1px solid var(--borda-premium) !important; border-image: none !important; background-clip: border-box !important; border-radius: 24px !important; box-shadow: var(--sombra-premium) !important;
}
body[data-tema] :is(.cartao, .topo)::before { display: none !important; }
body[data-tema] .cartao:not(.topo):not(.menu) { padding: 22px 24px; }
body[data-tema] .fita,
body[data-tema] .washi { display: none !important; }

/* menu: só texto, a aba ativa vira uma pílula escura */
body[data-tema] .menu { padding: 8px !important; border-radius: 999px !important; gap: 2px !important; }
body[data-tema] .aba { background: transparent !important; border-radius: 999px; font-weight: 700; letter-spacing: 0.2px; color: var(--apagado); }
body[data-tema] .aba:hover { color: var(--tinta); background: color-mix(in srgb, var(--suave) 60%, transparent) !important; }
body[data-tema] .aba.ativa { background: var(--destaque) !important; color: var(--destaque-texto) !important; }
body[data-tema] .bolinha { display: none; }

/* blocos internos arredondados e mais leves */
body[data-tema] .dia-faixa:not(.hoje) { border-radius: 14px; background: color-mix(in srgb, var(--suave) 55%, transparent); }
body[data-tema] .resumo-item { box-shadow: none !important; }
body[data-tema] .resumo-dia .resumo-item + .resumo-item { border-left-color: var(--borda-premium); }
body[data-tema] .postit-frase { border-radius: 24px; box-shadow: var(--sombra-premium); border: 1px solid var(--borda-premium); }
body[data-tema] .postit-rotulo { letter-spacing: 2.4px; }
body[data-tema] .cabecalho-cartao h2 { font-size: 25px; font-weight: 600; }
body[data-tema] .botao { border-radius: 999px; letter-spacing: 0.3px; }
body[data-tema] .barra { height: 6px; }
body[data-tema] .barra-baixo,
body[data-tema] .folha-mais { border-radius: 26px; }
body[data-tema] .cartao-agora { box-shadow: 0 18px 40px -20px color-mix(in srgb, var(--destaque) 80%, black) !important; }
body[data-tema] .opcao-estilo span,
body[data-tema] .humor { border-radius: 999px; }

/* janelas (diálogos): sem a moldura interna que virava uma linha ao rolar */
.janela::before, dialog.cartao::before { display: none !important; }
body[data-tema] dialog.cartao { border-radius: 26px !important; }
body[data-tema] .dia-faixa.hoje { border-radius: 14px; }

/* cor da borda fininha de cada estética */
body[data-tema="cottage"] { --borda-premium: rgba(163, 53, 45, 0.18); }
body[data-tema="ursinho"] { --borda-premium: rgba(107, 74, 46, 0.3); }
body[data-tema="mirtilo"] { --borda-premium: rgba(74, 111, 176, 0.22); }
body[data-tema="kraft"] { --borda-premium: rgba(107, 100, 80, 0.25); }
body[data-tema="chintz"] { --borda-premium: rgba(126, 31, 43, 0.25); }
body[data-tema="gansinho"] { --borda-premium: rgba(184, 154, 106, 0.4); }
body[data-tema="rosa"] { --borda-premium: rgba(209, 32, 107, 0.2); }
/* kraft: títulos sem o carimbo pesado */
body[data-tema="kraft"] .cabecalho-cartao h2 { text-transform: none; letter-spacing: 0.2px; background: none; text-shadow: none; padding: 0; font-style: italic; font-size: 25px; }

/* ===================================================================
   Estéticas novas: estampas de tecido redesenhadas (assets/fundos/*.svg)
   =================================================================== */
body[data-tema="piquenique"] {
  --destaque: #9C4357; --destaque-texto: #FFFFFF;
  --suave: #F3E2DE; --fundo: #F3EBDC; --tinta: #3E2228; --apagado: #6E4650;
  --fita: rgba(194, 152, 150, 0.7); --cartao: #FFFBF5;
  --tom-0: #F6E1DF; --tom-1: #F3E8D6; --tom-2: #EFD9D6; --tom-3: #F7ECE4;
  --tom-4: #EBDCD8; --tom-5: #F5E6DD; --tom-6: #F1E1E5; --tom-7: #EDE3D6;
  background-image: url('/assets/fundos/xadrez-rosa.svg'); background-size: 48px 48px;
}
body[data-tema="invernal"] {
  --destaque: #8E1B24; --destaque-texto: #FFFFFF;
  --suave: #EFE3D3; --fundo: #F3EBD8; --tinta: #3A1E1E; --apagado: #6B4A46;
  --fita: rgba(142, 27, 36, 0.4); --cartao: #FFFBF3;
  --tom-0: #F1DFD9; --tom-1: #EFE6D2; --tom-2: #E8D6CF; --tom-3: #F4EBDB;
  --tom-4: #E5DDD5; --tom-5: #F2E2D6; --tom-6: #E9DFD3; --tom-7: #F0E4D9;
  background-image: url('/assets/fundos/tartan-coracao.svg'); background-size: 170px 170px;
}
body[data-tema="cerejinha"] {
  --destaque: #B2232D; --destaque-texto: #FFFFFF;
  --suave: #F4E6E2; --fundo: #F3F0E4; --tinta: #3E2224; --apagado: #6E4A4C;
  --fita: rgba(224, 96, 122, 0.45); --cartao: #FFFFFB;
  --tom-0: #F8E1E3; --tom-1: #F1EEDF; --tom-2: #F5E4DF; --tom-3: #EAF0E4;
  --tom-4: #F6E9E4; --tom-5: #EFEBDD; --tom-6: #F9E6E8; --tom-7: #EEEADB;
  background-image: url('/assets/fundos/cereja-renda.svg'); background-size: 170px 128px;
}
body[data-tema="pomar"] {
  --destaque: #A3262C; --destaque-texto: #FFFFFF;
  --suave: #E9DFCB; --fundo: #CFBE9F; --tinta: #2F2A26; --apagado: #5E554A;
  --fita: rgba(62, 83, 132, 0.45); --cartao: #FCF8EE;
  --tom-0: #EFE3CC; --tom-1: #E1E5EE; --tom-2: #F1DAD5; --tom-3: #E8E0CD;
  --tom-4: #DDE3EC; --tom-5: #EEDCD3; --tom-6: #E7E2D3; --tom-7: #E2E6E0;
  background-image: url('/assets/fundos/maca-riscado.svg'); background-size: 92px 100px;
}
body[data-tema="confeitaria"] {
  --destaque: #A2532E; --destaque-texto: #FFFFFF;
  --suave: #F1E4CF; --fundo: #F7F1E5; --tinta: #3B2A1E; --apagado: #6A5444;
  --fita: rgba(169, 101, 64, 0.45); --cartao: #FFFCF6;
  --tom-0: #F4E2C8; --tom-1: #EFDCD4; --tom-2: #E6E6D2; --tom-3: #F5E9D6;
  --tom-4: #ECD9C6; --tom-5: #EFE3DA; --tom-6: #E8E1CC; --tom-7: #F3E3D0;
  background-image: url('/assets/fundos/confeitaria.svg'); background-size: 320px 368px;
}
body[data-tema="outono"] {
  --destaque: #8A2B17; --destaque-texto: #FFFFFF;
  --suave: #EFE0C8; --fundo: #5C3A22; --tinta: #2E231A; --apagado: #5E4A3A;
  --fita: rgba(195, 142, 46, 0.6); --cartao: #FBF3E4;
  --tom-0: #F1DFC6; --tom-1: #EADFC3; --tom-2: #F0D6C6; --tom-3: #E3E2C8;
  --tom-4: #F2E3CB; --tom-5: #E8D7C2; --tom-6: #EDE1C4; --tom-7: #E6DCCB;
  background-image: url('/assets/fundos/tapete-outono.svg'); background-size: 240px 260px;
}
body[data-tema="riscado"] {
  --destaque: #34415E; --destaque-texto: #FFFFFF;
  --suave: #ECE3CF; --fundo: #EADBBB; --tinta: #262C3A; --apagado: #535C70;
  --fita: rgba(133, 146, 168, 0.6); --cartao: #FFFCF5;
  --tom-0: #E8E2D2; --tom-1: #DFE3EA; --tom-2: #EDE5D3; --tom-3: #E3E6EC;
  --tom-4: #EFE8D8; --tom-5: #E1E4E8; --tom-6: #ECE4D2; --tom-7: #E5E7EB;
  background-image: url('/assets/fundos/riscado-azul.svg'); background-size: 56px 7px;
}
body[data-tema="menta"] {
  --destaque: #4E7468; --destaque-texto: #FFFFFF;
  --suave: #E3E6DA; --fundo: #E0DBC8; --tinta: #2D3833; --apagado: #55635C;
  --fita: rgba(181, 196, 186, 0.8); --cartao: #FDFBF4;
  --tom-0: #E0E8E0; --tom-1: #EDE8D8; --tom-2: #E3E9E3; --tom-3: #EFEADC;
  --tom-4: #DCE5DE; --tom-5: #ECE6D6; --tom-6: #E6ECE5; --tom-7: #EEE9DA;
  background-image: url('/assets/fundos/listra-menta.svg'); background-size: 130px 14px;
}
body[data-tema="parede"] {
  --destaque: #5E7A47; --destaque-texto: #FFFFFF;
  --suave: #E6E9DC; --fundo: #EDE7DA; --tinta: #333B55; --apagado: #565E7A;
  --fita: rgba(126, 154, 94, 0.45); --cartao: #FBF8F1;
  --tom-0: #E3EAD9; --tom-1: #E3E8F2; --tom-2: #F2E3DE; --tom-3: #EEE9DA;
  --tom-4: #E6ECDF; --tom-5: #E8ECF4; --tom-6: #F4E8E3; --tom-7: #ECE6D6;
  background-image: url('/assets/fundos/login.jpg'); background-size: 600px auto;
}
@media (max-width: 640px) { body[data-tema="parede"] { background-size: 420px auto; } }
.previa-parede { --p-cartao: #FBF8F1; --p-destaque: #5E7A47; background: url('/assets/fundos/login.jpg') 0 0 / 220px auto; }
body[data-tema="raminhos"] {
  --destaque: #9A3B2E; --destaque-texto: #FFFFFF;
  --suave: #F2E5D8; --fundo: #FAF1E3; --tinta: #3A2A26; --apagado: #6A5048;
  --fita: rgba(168, 73, 59, 0.4); --cartao: #FFFCF7;
  --tom-0: #F4E2DA; --tom-1: #E5E8EE; --tom-2: #F2E7D8; --tom-3: #EDDCD6;
  --tom-4: #E8EBEF; --tom-5: #F5E9DC; --tom-6: #EFDFD9; --tom-7: #E9EAEC;
  background-image: url('/assets/fundos/floral-listrado.svg'); background-size: 200px 255px;
}
body[data-tema="anos80"] {
  --destaque: #B5473A; --destaque-texto: #FFFFFF;
  --suave: #F6E7CF; --fundo: #FBF0D6; --tinta: #3A2826; --apagado: #6B4F48;
  --fita: rgba(231, 163, 154, 0.6); --cartao: #FFFDF6;
  --tom-0: #F8E3C9; --tom-1: #E3EDD5; --tom-2: #F5DAD6; --tom-3: #E2EEEC;
  --tom-4: #ECE6F2; --tom-5: #F7E9C8; --tom-6: #E6F0EE; --tom-7: #F4DED9;
  background-image: url('/assets/fundos/anos80.svg'); background-size: 320px 396px;
}
body[data-tema="luzinhas"] {
  --destaque: #A33A3A; --destaque-texto: #FFFFFF;
  --suave: #F2EAD2; --fundo: #FAF3DC; --tinta: #2E2A2A; --apagado: #5C5550;
  --fita: rgba(163, 58, 58, 0.4); --cartao: #FFFFFA;
  --tom-0: #F7E1E5; --tom-1: #E3F1E1; --tom-2: #FAF0CF; --tom-3: #E0ECF6;
  --tom-4: #FBE6D4; --tom-5: #EEE4F8; --tom-6: #F5E8D8; --tom-7: #E5EFE4;
  background-image: url('/assets/fundos/luzinhas.svg'); background-size: 300px 183px;
}
/* luzinhas: nuvem carregada no alto da página */
body[data-tema="luzinhas"]::before {
  content: ''; position: fixed; inset: 0 0 auto 0; height: 220px; pointer-events: none; z-index: 0;
  background: radial-gradient(ellipse 70% 100% at 50% 0%, rgba(70, 62, 60, 0.28), transparent 70%);
}

/* prévias na galeria */
.previa-piquenique { --p-cartao: #FFFBF5; --p-destaque: #9C4357; background: url('/assets/fundos/xadrez-rosa.svg') 0 0 / 28px 28px; }
.previa-invernal { --p-cartao: #FFFBF3; --p-destaque: #8E1B24; background: url('/assets/fundos/tartan-coracao.svg') 0 0 / 110px 110px; }
.previa-cerejinha { --p-cartao: #FFFFFB; --p-destaque: #B2232D; background: url('/assets/fundos/cereja-renda.svg') 0 0 / 120px 90px; }
.previa-pomar { --p-cartao: #FCF8EE; --p-destaque: #A3262C; background: url('/assets/fundos/maca-riscado.svg') 0 0 / 64px 70px; }
.previa-confeitaria { --p-cartao: #FFFCF6; --p-destaque: #A2532E; background: url('/assets/fundos/confeitaria.svg') 0 0 / 200px 230px; }
.previa-outono { --p-cartao: #FBF3E4; --p-destaque: #8A2B17; background: url('/assets/fundos/tapete-outono.svg') 0 0 / 160px 173px; }
.previa-riscado { --p-cartao: #FFFCF5; --p-destaque: #34415E; background: url('/assets/fundos/riscado-azul.svg') 0 0 / 40px 5px; }
.previa-menta { --p-cartao: #FDFBF4; --p-destaque: #4E7468; background: url('/assets/fundos/listra-menta.svg') 0 0 / 90px 10px; }
.previa-raminhos { --p-cartao: #FFFCF7; --p-destaque: #9A3B2E; background: url('/assets/fundos/floral-listrado.svg') 0 0 / 140px 178px; }
.previa-anos80 { --p-cartao: #FFFDF6; --p-destaque: #B5473A; background: url('/assets/fundos/anos80.svg') 0 0 / 210px 260px; }
.previa-luzinhas { --p-cartao: #FFFFFA; --p-destaque: #A33A3A; background: url('/assets/fundos/luzinhas.svg') 0 0 / 200px 122px; }