@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Outfit:wght@500;700&display=swap');

/**
 * 🛰️ DYNAMIC DIGITAL DREAMS - MASTER STYLESHEET (v5.1)
 * Antigravity Navy Fix - All Systems Go
 */

:root {
    --color-bg-dark: #0A0E27;
    --color-bg-card: rgba(15, 15, 20, 0.7);
    --color-primary: #00f2ff;
    --color-secondary: #7000ff;
    --color-accent: #ff00c8;
    --color-text-main: #ffffff;
    --color-text-dim: #b0b0b0;
    --color-border: rgba(255, 255, 255, 0.1);
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --border-radius-main: 16px;
}

/* --- THE NUCLEAR RESET --- */
html, body {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

body {
    background-color: var(--color-bg-dark) !important;
    background: radial-gradient(circle at top, #0A0E27 0%, #0F0F14 100%) !important;
    color: var(--color-text-main) !important;
    font-family: var(--font-body) !important;
    min-height: 100vh !important;
}

/* FORCE TRANSPARENCY ON THEME LAYERS */
#page, #content, .site, .site-content, .ast-container, .site-main {
    background-color: transparent !important;
    background: transparent !important;
}

/* --- TEMPORARY VISIBILITY FIX ---
   We commented this out so your site is no longer a white blank screen.
   We will turn this back on once Claude finishes the new templates.
*/
/* #masthead, #colophon, .site-header, .site-footer, .entry-title, .page-title {
    display: none !important;
}
*/

/* --- GLOBAL STYLES --- */
* {
    box-sizing: border-box;
}

h1, h2, h3, h4 {
    font-family: var(--font-heading) !important;
}

.gradient-text {
    background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* --- BLOG & CONTENT GLASS --- */
.content-glass {
    background: rgba(15, 15, 20, 0.4) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(0, 242, 255, 0.2) !important;
    border-radius: var(--border-radius-main) !important;
    padding: 3rem !important;
}

/* IMAGE FIX: Remove black backgrounds from JPGs */
.brain-img, .hero-visual img {
    mix-blend-mode: screen !important;
    filter: drop-shadow(0 0 30px rgba(0, 242, 255, 0.3)) !important;
}

/* FOOTER MASTER BREAKOUT */
.footer-master {
    width: 100vw !important;
    background: rgba(5, 5, 5, 0.9) !important;
    backdrop-filter: blur(30px) !important;
    border-top: 1px solid rgba(0, 242, 255, 0.15) !important;
    position: relative !important;
    left: 50% !important;
    margin-left: -50vw !important;
}