/* Global site styles loaded everywhere. */
/* ===== 1. IMPORTS ===== */
@import url('variables.css');
@import url('reset.css');
@import url('header.css');
@import url('footer.css');
@import url('homepage-split.css');
@import url('components.css');

/* ===== 2. GLOBAL SETUP ===== */
body {
    background-color: var(--bg-primary);
    color: var(--text-white);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===== 3. THE 30/70 SPLIT GRID (NON-NEGOTIABLE) ===== */
.split-layout {
    display: grid;
    grid-template-columns: 30% 70%; /* THE HOLY RATIO */
    gap: 0;
    min-height: 80vh;
    border-top: 1px solid var(--border-dark);
    margin-top: 70px; /* Push below fixed header */
}

/* Left Tape */
.news-tape {
    background-color: var(--bg-secondary);
    padding: 20px 16px;
    border-right: 1px solid var(--border-dark);
    overflow-y: auto;
    max-height: 800px;
}

/* Right Keystone */
.keystone-story {
    background-color: var(--bg-tertiary);
    padding: 30px 40px;
    position: relative;
    display: flex;
    flex-direction: column;
}

/* ===== 4. CSS VARIABLES (The 2030 Palette) ===== */
:root {
    --bg-primary: #0A0A0F;
    --bg-secondary: #0D0D12;
    --bg-tertiary: #0E0E14;
    --bg-card: #111118;
    --bg-glass: rgba(17, 17, 24, 0.8);
    
    --cyan-accent: #00F0FF;
    --orange-alert: #FF5E00;
    --green-verify: #00FFAA;
    
    --text-white: #FFFFFF;
    --text-gray: #888888;
    --text-dark-gray: #555555;
    --border-dark: #1A1A1A;
    
    --font-serif: 'Merriweather', Georgia, serif;
    --font-sans: 'Inter', Arial, sans-serif;
}