/* themes/absurdist.css – surreal, playful, psychedelic */

:root {
    --color-bg: #0d0020;
    --color-text: #f0e6ff;
    --color-primary: #a855f7;
    --color-primary-hover: #9333ea;
    --color-secondary: #06b6d4;
    --color-secondary-hover: #0891b2;
    --color-surface: #1a0035;
    --color-border: #4c1d95;
    --color-accent: #e879f9;
    --font-slogan: Georgia, serif;
    --shadow: 0 4px 24px rgba(168, 85, 247, 0.3);
}

body.theme-absurdist {
    background: radial-gradient(ellipse at 30% 20%, #1a0060 0%, #0d0020 60%),
                radial-gradient(ellipse at 70% 80%, #00051a 0%, transparent 60%);
}

.site-logo {
    background: linear-gradient(90deg, #a855f7, #06b6d4, #e879f9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: logoPulse 4s ease-in-out infinite;
}

@keyframes logoPulse {
    0%, 100% { filter: hue-rotate(0deg); }
    50%       { filter: hue-rotate(40deg); }
}

.hero-title {
    background: linear-gradient(135deg, #a855f7, #e879f9, #06b6d4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: titleShift 6s ease-in-out infinite;
}

@keyframes titleShift {
    0%, 100% { filter: hue-rotate(0deg); }
    50%       { filter: hue-rotate(60deg); }
}

.slogan-box {
    background: linear-gradient(135deg, #1a0035, #000d2e);
    border-color: #4c1d95;
    border-style: dashed;
    border-width: 2px;
    box-shadow: 0 0 24px rgba(168, 85, 247, 0.25),
                inset 0 0 40px rgba(6, 182, 212, 0.05);
}

.slogan-text {
    color: #f0e6ff;
    font-style: italic;
}

.btn-primary {
    background: linear-gradient(135deg, #a855f7, #e879f9);
    border-radius: 9999px;
    letter-spacing: 0.04em;
    box-shadow: 0 0 12px rgba(168, 85, 247, 0.5);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #9333ea, #d946ef);
    box-shadow: 0 0 24px rgba(168, 85, 247, 0.7);
}

.btn-secondary {
    background: linear-gradient(135deg, #06b6d4, #0e7490);
    border-radius: 9999px;
    box-shadow: 0 0 10px rgba(6, 182, 212, 0.4);
}

.btn-secondary:hover {
    background: linear-gradient(135deg, #0891b2, #155e75);
    box-shadow: 0 0 20px rgba(6, 182, 212, 0.6);
}

.counter-display {
    color: #a855f7;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

.pack-nav select {
    background-color: #1a0035;
    color: #f0e6ff;
    border-color: #4c1d95;
}

.site-header {
    background: rgba(13, 0, 32, 0.95);
    border-color: #4c1d95;
    backdrop-filter: blur(4px);
}

.site-footer {
    background: rgba(13, 0, 32, 0.95);
    border-color: #4c1d95;
    color: #a855f7;
}

.pack-label {
    color: #e879f9;
}

.hero-subtitle {
    color: #9333ea;
}