/*
 * style.css -- Common Base Styles (Shared by TITAN STATION & Dragon Keepers)
 *
 * [Role]
 * 1. Load Google Fonts external resources (Poppins, Space Grotesk)
 * 2. Global Box Model Reset (* { box-sizing })
 * 3. Common Element Reset (a, img)
 *
 * [Notes]
 * - Project-specific variables (:root), body styles, and utility classes are defined
 *   in each project's index.css. (Single Source of Truth principle)
 * - Since Dragon Keepers also references this file, check for impacts on both sides when modifying.
 *
 * [Refactoring History]
 * - 2026-02-11: Dead Code removed according to ADR-005
 *   - body styles -> Maintained in index.css as the source of truth (Resolved conflict)
 *   - body::before/after + @keyframes twinkle -> galaxyRotate in index.css is the source of truth
 *   - .glow, .badge, .section-label -> Deleted after confirming non-use in index.html
 *   - .container -> Deleted as it is redefined in index.css
 */

 /* 1. Color System */
:root {
    /* Color Palette - Vibrant Space Theme */
    --bg-deep: #050614;
    --bg-mid: #0a0e2e;
    --primary: #7d5cff;
    --primary-glow: rgba(125, 92, 255, 0.5);
    --secondary: #22d3ee;
    --secondary-glow: rgba(34, 211, 238, 0.5);
    --accent: #f472b6;
    --accent-glow: rgba(244, 114, 182, 0.5);

    /* Text Colors */
    --text-main: #ffffff;
    --text-sub: #cbd5e1;
    /* Brightened from #94a3b8 for better contrast on dark bg */
    --text-gradient-start: #c4b5fd;
    --text-gradient-end: #22d3ee;

    /* Glassmorphism Variables */
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-blur: 20px;
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);

    /* Layout */
    --container-width: 1200px;
    --header-height: 100px;
    --border-radius-lg: 24px;
    --border-radius-md: 16px;
    --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 2. Load External Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* 3. Global Box Model Reset */
* {
    box-sizing: border-box;
}

/* 4. Common Element Reset */
a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}