/* ==========================================
   CSS CUSTOM PROPERTIES (VARIABLES)
   ========================================== */
:root {
    /* Color Palette */
    --primary-dark: #1a1a2e;
    --primary-accent: #4ab0d3;
    --secondary-accent: #8d8b9c;
    --text-light: #ffffff;
    --text-dark: #2d2d2d;
    --text-secondary: #8d8b9c;
    --overlay-dark: rgba(26, 26, 46, 0.7);
    --header-bg: rgba(15, 52, 96, 0.95);
    --hover-accent: #ff6b88;

    /* Typography */
    --font-primary: 'Open Sans', sans-serif;
    --font-secondary: 'Open Sans', sans-serif;

    /* Spacing */
    --header-height: 70px;
    --container-padding: 2rem;

    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}