/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --color-black: #000000;
    --color-black-dark: #0a0a0a;
    --color-black-light: #1a1a1a;
    --color-gold: #d6a85b;
    --color-gold-dark: #8c6b2e;
    --color-gold-light: #e5c882;
    --color-gold-gradient: linear-gradient(135deg, #d5a654 0%, #9e701a 100%);
    --color-white: #ffffff;
    --color-gray: #cccccc;
    --color-gray-dark: #666666;
    
    --font-heading: 'Cinzel', serif;
    --font-body: 'Inter', sans-serif;
    
    --border-radius: 4px;
    --border-radius-large: 8px;
    --transition: all 0.3s ease;
    
    --max-width: 1440px;
}

body {
    font-family: var(--font-body);
    background: var(--color-black);
    color: var(--color-white);
    line-height: 1.6;
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 20px;    
    box-sizing: border-box;
}

.title {
    font-family: var(--font-heading);
    font-weight: 700;
}

.title.title_h1 {
    font-size: 42px;
}

.title.title_h2 {
    
}

.title.title_h3 {
    font-size: 30px;
}

.title.title_h4 {
    
}

.title.title_h5 {
    
}

.title.title_h6 {
    
}