/* ================================================================
   THEME: Expressionist
   ================================================================ */

[data-theme="expressionist"] {
  --bg: #0F0B08; --bg2: #1A1008; --bg3: #251508;
  --text: #FFFFFF; --text2: rgba(255,255,255,0.6); --text3: rgba(212,66,10,1);
  --accent: #D4420A; --accent2: rgba(212,66,10,0.5);
  --border: rgba(212,66,10,0.2); --border2: rgba(255,255,255,0.05);
  --card-bg: rgba(212,66,10,0.05); --card-border: rgba(212,66,10,0.25);
  --nav-bg: rgba(15,11,8,0.97); --btn-bg: #D4420A; --btn-text: #FFFFFF;
  --font-d: 'Abril Fatface', serif; --font-b: 'Jost', sans-serif; --fw-d: 400;
  --t-overlay: #D4420A;
}

[data-theme="expressionist"] .bymg-logo .lp { fill: var(--text); }

/* — Overlay transition — */
#overlay.t-expressionist {
  background: repeating-linear-gradient(58deg,transparent 0,transparent 7px,rgba(180,20,0,0.18) 7px,rgba(180,20,0,0.18) 8px),
    repeating-linear-gradient(-58deg,transparent 0,transparent 7px,rgba(80,0,0,0.22) 7px,rgba(80,0,0,0.22) 8px),
    radial-gradient(circle at 15% 15%,#E85020,#8B1A00 55%,#3A0600);
  animation: tExpress 1.5s ease forwards;
}
@keyframes tExpress {
  0%{clip-path:circle(0% at 15% 15%);opacity:1}18%{clip-path:circle(150% at 15% 15%);opacity:1}72%{clip-path:circle(150% at 15% 15%);opacity:1}100%{clip-path:circle(0% at 85% 85%);opacity:1}
}

/* — Personality — */
[data-theme="expressionist"] .ob-headline span { color: var(--btn-text); }
[data-theme="expressionist"] .hero-headline { font-style: italic; }
[data-theme="expressionist"] .hero-headline .hl-line {
  padding-left: 0.4em;
  margin-left: -0.4em;
  padding-right: 0.4em;
  margin-right: -0.4em;
}
[data-theme="expressionist"] .hl-outline { -webkit-text-stroke-width: 2px; }
[data-theme="expressionist"] .section-headline { font-style: italic; text-transform: uppercase; }
/* Offer box: btn-bg é laranja-escuro, texto branco com opacidade reduzida perde contraste */
[data-theme="expressionist"] .ob-label,
[data-theme="expressionist"] .ob-body { opacity: 1; }
