/* Dadaism / Post-Impressionism Theme */
/* Concept: Digital Dada - Collage, bold colors, raw edges, typewriter fonts */

/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');

:root {
    --dada-bg: #f0e6d2; /* Aged paper */
    --dada-text: #1a1a1a; /* Ink black */
    --dada-red: #ff3333; /* Vivid Red */
    --dada-blue: #0047AB; /* Cobalt Blue */
    --dada-green: #00994d; /* Absinthe Green */
    --dada-yellow: #ffcc00; /* Sunflower */
    --dada-border: #000000;
}

/* Base Overrides */
body {
    background-color: var(--dada-bg) !important;
    color: var(--dada-text) !important;
    font-family: 'Playfair Display', serif !important;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(0,0,0,0.05) 1px, transparent 1px),
        radial-gradient(circle at 90% 80%, rgba(0,0,0,0.05) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* Override Dark Mode Defaults */
.bg-\[\#0f0f0f\] {
    background-color: var(--dada-bg) !important;
}

.bg-\[\#1a1a1a\] {
    background-color: #ffffff !important;
    border: 2px solid var(--dada-border) !important;
    box-shadow: 5px 5px 0px var(--dada-border) !important;
    border-radius: 0 !important;
}

.bg-\[\#262626\] {
    background-color: #fff8e1 !important; /* Slightly yellower paper */
    border: 2px solid var(--dada-border) !important;
}

.text-\[\#f3f4f6\], .text-white, .text-gray-100, .text-gray-200, .text-gray-300 {
    color: var(--dada-text) !important;
}

.text-gray-400, .text-gray-500 {
    color: #4a4a4a !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6, .font-extrabold, .font-bold {
    font-family: 'Courier Prime', monospace !important;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: var(--dada-border) !important;
}

h1 {
    text-shadow: 2px 2px 0px var(--dada-red) !important;
    transform: rotate(-1deg);
    display: inline-block;
}

/* Buttons */
button, .btn, a.bg-purple-600, a.bg-blue-600 {
    font-family: 'Courier Prime', monospace !important;
    border: 2px solid var(--dada-border) !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px var(--dada-border) !important;
    transition: all 0.1s ease !important;
    text-transform: uppercase;
    font-weight: bold !important;
    background-image: none !important;
}

/* Primary Button (usually purple/blue in default) */
.bg-purple-600, .bg-purple-700, .hover\:bg-purple-700:hover {
    background-color: var(--dada-red) !important;
    color: #fff !important;
}

button:active, .btn:active, a.btn:active {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0px var(--dada-border) !important;
}

/* Inputs */
input, textarea, select {
    background-color: #fff !important;
    border: 2px solid var(--dada-border) !important;
    border-radius: 0 !important;
    font-family: 'Courier Prime', monospace !important;
    color: var(--dada-text) !important;
    box-shadow: inset 2px 2px 0px rgba(0,0,0,0.05) !important;
}

input:focus, textarea:focus {
    outline: none !important;
    box-shadow: 4px 4px 0px var(--dada-yellow) !important;
    border-color: var(--dada-border) !important;
}

/* Header / Navigation */
header, nav {
    border-bottom: 3px solid var(--dada-border) !important;
    background-color: #fff !important;
}

/* Cards & Containers */
.card, .rounded-xl, .rounded-lg, .rounded-2xl {
    border-radius: 0 !important;
    border: 2px solid var(--dada-border) !important;
}

/* Special Effects */
/* Random rotation for some elements if we could target them, but generally keeping it usable */

/* Links */
a:not(.btn):not(.bg-purple-600) {
    text-decoration-color: var(--dada-red) !important;
    text-decoration-thickness: 2px !important;
}

a:hover:not(.btn):not(.bg-purple-600) {
    background-color: var(--dada-yellow);
    color: #000 !important;
}

/* Admin Panel specifics */
.text-gradient {
    background: none !important;
    -webkit-text-fill-color: var(--dada-text) !important;
    text-shadow: 3px 3px 0px var(--dada-green);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background: var(--dada-bg);
    border-left: 2px solid var(--dada-border);
}
::-webkit-scrollbar-thumb {
    background: var(--dada-border);
    border: 2px solid var(--dada-bg);
}

/* Restore Font Awesome families overridden by theme typography */
.fa, .fas, .fa-solid, .far, .fa-regular {
    font-family: "Font Awesome 6 Free" !important;
}
.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
}