/* Peter Steele - Main Theme Styles */

/* === CSS VARIABLES === */
:root {
    --c-secondary: 169 0 169;
    --c-secondary-container: 255 215 245;
    --c-secondary-fixed: 255 215 245;
    --c-secondary-fixed-dim: 255 171 243;
    --c-on-secondary-fixed: 56 0 56;
    --c-on-secondary-fixed-variant: 129 0 129;
    --c-on-secondary-container: 129 0 129;
    --c-tertiary: 0 106 106;
    --c-tertiary-container: 0 251 251;
    --c-tertiary-fixed: 0 251 251;
    --c-tertiary-fixed-dim: 0 221 221;
    --c-on-tertiary-fixed: 0 32 32;
    --c-on-tertiary-fixed-variant: 0 79 79;
    --c-on-tertiary-container: 0 79 79;
}

/* === BASE RESETS & UTILITIES === */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* === PRISM & GLASS EFFECTS === */
.prism-overlay {
    mix-blend-mode: screen;
    background: linear-gradient(135deg, rgba(255,0,255,0.2) 0%, rgba(0,255,255,0.2) 50%, rgba(255,255,0,0.2) 100%);
}
.prism-overlay-subtle {
    mix-blend-mode: overlay;
    background: linear-gradient(135deg, rgba(169,0,169,0.08) 0%, rgba(0,106,106,0.08) 100%);
}
.glass-nav {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* === VERTICAL TEXT === */
.text-vertical,
.vertical-text,
.editorial-vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

/* === SHADOWS & DEPTH === */
.stagger-image {
    box-shadow: 60px 60px 100px -20px rgba(26, 28, 28, 0.04);
}
.card-shadow {
    box-shadow: 0 4px 40px -10px rgba(26, 28, 28, 0.06);
}

/* === HERO DARK GRADIENT === */
.hero-gradient {
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
}
.hero-dark {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 40%, #111 100%);
}

/* === SECTION DIVIDERS === */
.section-line {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(119,119,119,0.3) 50%, transparent 100%);
}

/* === LINK CARD HOVER === */
.link-card {
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}
.link-card:hover {
    border-left-color: #a900a9;
    background: rgba(238,238,238,0.5);
    transform: translateX(4px);
}

/* === CLUSTER BADGE COLORS === */
.badge-bio { background: #1b1b1b; color: #fff; }
.badge-death { background: #2f3131; color: #fff; }
.badge-music { background: #a900a9; color: #fff; }
.badge-gear { background: #006a6a; color: #fff; }
.badge-look { background: #474747; color: #fff; }
.badge-controversy { background: #777; color: #fff; }
.badge-playgirl { background: #810081; color: #fff; }
.badge-gallery { background: #5e5e5e; color: #fff; }
.badge-legacy { background: #1a1c1c; color: #fff; }
.badge-merch { background: #004f4f; color: #fff; }

/* === IMAGE PLACEHOLDER === */
.img-placeholder {
    background: linear-gradient(135deg, #1a1c1c 0%, #2f3131 50%, #1a1c1c 100%);
    position: relative;
    overflow: hidden;
}
.img-placeholder::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,0,255,0.05) 0%, rgba(0,255,255,0.05) 50%, rgba(255,255,0,0.05) 100%);
}

/* === ARTICLE PROSE === */
.prose-content p {
    margin-bottom: 1.5em;
    line-height: 1.8;
}
.prose-content h2 {
    margin-top: 2.5em;
    margin-bottom: 1em;
}
.prose-content h3 {
    margin-top: 2em;
    margin-bottom: 0.75em;
}
.prose-content blockquote {
    border-left: 4px solid #a900a9;
    padding: 1em 1.5em;
    margin: 2em 0;
    font-style: italic;
    color: #474747;
}
.prose-content ul, .prose-content ol {
    margin: 1.5em 0;
    padding-left: 1.5em;
}
.prose-content li {
    margin-bottom: 0.5em;
}

/* === ANIMATIONS === */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out forwards;
}
.animate-delay-1 { animation-delay: 0.1s; }
.animate-delay-2 { animation-delay: 0.2s; }
.animate-delay-3 { animation-delay: 0.3s; }

/* === EDITORIAL / ARTICLE PAGES === */
.prism-overlay-editorial {
    background: linear-gradient(135deg, rgba(104,51,234,0.2) 0%, rgba(187,0,84,0.2) 100%);
    mix-blend-mode: overlay;
}
.prism-overlay-screen {
    background: linear-gradient(135deg, rgba(104,51,234,0.2) 0%, rgba(187,0,84,0.2) 50%, rgba(104,51,234,0.1) 100%);
    mix-blend-mode: screen;
}
.prism-leak {
    background: linear-gradient(135deg, rgba(169,0,169,0.1) 0%, rgba(0,106,106,0.1) 100%);
}
.light-leak {
    background: radial-gradient(circle at 20% 30%, rgba(187,0,84,0.15) 0%, transparent 50%);
}

/* === FONT OVERRIDES === */
.font-noto-serif { font-family: 'Noto Serif', serif; }

/* === GALLERY PAGE === */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }