/* ===================================================================
   CORE STYLESHEET
====================================================================== */

/* =====================
   1. GLOBAL VARIABLES & DEFAULTS
====================== */
:root {
    --primary-blue: #0A1931;
    --accent-blue: #2D72D2;
    --light-accent-blue: #4FC3F7;
    --text-grey: #6c757d;
    --dark-bg: #1a202c;
    --bg-light: #f8f9fa;
    --text-light: #E2E8F0;
    --text-dark: #333333;
    --white: #FFFFFF;
}

* {
    box-sizing: border-box;
}

body {
    background-color: var(--white);
    color: var(--text-dark);
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
}

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

a {
    text-decoration: none;
    color: var(--accent-blue);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary-blue);
}

/* Development Notice Banner */
.development-notice {
    background-color: #fffbe6;
    color: #8a6d3b;
    border-bottom: 1px solid #ffe58f;
    text-align: center;
    padding: 10px 15px;
    font-size: 0.9rem;
    font-weight: 600;
}

.development-notice p {
    margin: 0;
}

.development-notice i {
    margin-right: 8px;
}