/* FILE: assets/css/base.css */
:root {
    /* Professional Color Palette */
    --primary-color: #0A4D68;
    --primary-hover: #083344;
    --light-bg: #ffffff;
    --border-color: #e5e7eb;
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --subtle-bg: #f9fafb;
    
    /* Reduced Heights */
    --header-height: 40px; 
    --footer-height: 25px; 
}

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

html { 
    scroll-behavior: smooth; 
}

body {
    font-family: 'poppins', sans-serif;
    height: 100vh;
    color: var(--text-primary);
    background-color: #f0fdfa;
    background-image: linear-gradient(135deg, 
        #f0fdfa 0%,
        #ccfbf1 25%,
        #ffedd5 75%,
        #fed7aa 100%
    );
    background-size: cover;
    background-attachment: fixed;
}