:root {
    /* Color Palette - Dark Premium */
    --bg-deep: #020c1b;       /* Main Background */
    --bg-card: #112240;       /* Card/Section Background */
    --bg-card-hover: #233554; /* 
    
    /* Typography */
    --text-main: #8892b0;     /* Body Text */
    --text-bright: #e6f1ff;   /* Headings/Highlights */
    --text-gold: #d4af37;     /* Accent Text */

    /* Accents */
    --accent-gold: #c5a059;   /* Buttons/Links */
    --accent-gold-glow: rgba(197, 160, 89, 0.2);
    
    /* Fonts */
    --font-heading: 'Cinzel', serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--bg-deep);
    color: var(--text-main);
    font-family: var(--font-body);
    line-height: 1.6;
    overflow-x: hidden;
}

h1, h2, h3, h4 {
    font-family: var(--font-heading);
    color: var(--text-bright);
    margin-bottom: var(--spacing-sm);
    font-weight: 600;
}

h1 {
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1.1;
}

h2 {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition-fast);
}

ul {
    list-style: none;
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-sm);
}