/* ================================================================
   THEME: Zine
   ================================================================ */

[data-theme="zine"] {
  --bg: #E8E0D0; --bg2: #DDD5C5; --bg3: #F0EAE0;
  --text: #111111; --text2: #444444; --text3: #555555;
  --accent: #E8341A; --accent2: rgba(232,52,26,0.5);
  --border: rgba(0,0,0,0.12); --border2: rgba(0,0,0,0.07);
  --card-bg: rgba(0,0,0,0.04); --card-border: rgba(0,0,0,0.1);
  --nav-bg: rgba(232,224,208,0.97); --btn-bg: #111111; --btn-text: #E8E0D0;
  --font-d: 'Bebas Neue', sans-serif; --font-b: 'Space Mono', monospace; --fw-d: 400;
  --t-overlay: #E8341A;
}

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

/* — Overlay transition — */
#overlay.t-zine {
  background: repeating-linear-gradient(45deg,transparent 0,transparent 6px,rgba(0,0,0,0.1) 6px,rgba(0,0,0,0.1) 7px),#E8341A;
  animation: tZine 1.5s cubic-bezier(0.76,0,0.24,1) forwards;
}
@keyframes tZine {
  0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:1}18%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}72%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}100%{clip-path:polygon(0 0,100% 0,100% 0,0 0);opacity:1}
}

/* — Personality — */
[data-theme="zine"] .hl-outline { -webkit-text-stroke-width: 1.5px; }

[data-theme="zine"] .section-headline { letter-spacing: -2px; }