@charset "utf-8";
/* ==========================================================================
   Dragon Keepers - style.css
   Definition of :root variables and base styles (Ref: TITAN-STATION structure)
   ========================================================================== */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Inter:wght@300;400;600;700&display=swap');

:root {
    /* Color Scheme */
    color-scheme: dark;

    /* Theme Colors */
    --dk-red-primary: #ef4444;
    --dk-red-dark: #b91c1c;
    --dk-red-glow: rgba(239, 68, 68, 0.6);
    --dk-dark-bg: #0a0a0c;
    --dk-darker-bg: #050505;
    --dk-glass-bg: rgba(255, 255, 255, 0.05);
    --dk-glass-border: rgba(255, 255, 255, 0.1);

    /* Typography */
    --dk-font-title: 'Cinzel', serif;
    --dk-font-body: 'Inter', sans-serif;

    /* Layout */
    --header-height: 80px;
    --container-width: 1200px;

    /* Spacing Base */
    --spacer: 4px;

    /* Transitions */
    --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   Global Base Styles
   ========================================================================== */
* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

/* body styles -- Removed properties duplicated in index.css, kept only those not in index.css */
body {
    margin: 0;
    min-height: 100vh;
}

/* Removed a, img reset as they are already handled in reset.css and index.css */

/* ==========================================================================
   Menu Overlay (for mobile menu)
   ========================================================================== */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 130;
}

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Deleted .glow class -- Unused in index.html, replaced by .glass-card (ADR-006 P11) */