/* ===== CSS COLOR VARIABLES ===== */
:root {
    /* Your Custom Brand Colors */
    --color-yellow: #ffd403;
    --color-gray: #4e6c77;
    --color-cyan: #079ee5;
    --color-black: #000000;
    
    /* Neutral Colors */
    --color-white: #ffffff;
    
    /* Navigation Background */
    --nav-bg: var(--color-black);
    
    /* Text Colors */
    --text-white: var(--color-white);
    --text-yellow: var(--color-yellow);
    --text-cyan: var(--color-cyan);
    --text-gray: var(--color-gray);
    
    /* Button Colors */
    --btn-cta-bg: var(--color-cyan);
    --btn-cta-hover: #0686c7;
    
    /* Hover Effects */
    --hover-bg-yellow: rgba(255, 212, 3, 0.15);
    --active-bg-yellow: rgba(255, 212, 3, 0.2);
    --hover-bg-cyan: rgba(7, 158, 229, 0.15);
    
    /* Shadow Colors */
    --shadow-navbar: rgba(0, 0, 0, 0.3);
    --shadow-footer: rgba(0, 0, 0, 0.4);
    --shadow-button: rgba(7, 158, 229, 0.4);
    
    /* Spacing */
    --nav-padding-vertical: 20px;
    --nav-padding-horizontal: 20px;
    --nav-link-padding: 28px 20px;
    
    /* Border Radius */
    --border-radius-sm: 2px;
    --border-radius-md: 6px;
}

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

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
a{
    text-decoration: none;
}