/* 
 * CSS Variables and Base Styles
 * ARISE Landing Page
 */

:root {
    --primary-dark-blue: #1a479b;
    --light-blue: #35a0da;
    --teal: #42bfb4;
    --light-teal: #78ccc8;
    --text-dark: #323232;
    --text-black: #000000;
    --bg-white: #ffffff;
    --bg-light: #f3f3f3;
    --footer-bg: #F3F3F3;
    
    /* Unified Gradients */
    --gradient-blue: linear-gradient(135deg, #4A9DD9 0%, #5BB3E8 100%);
    --gradient-blue-dark: linear-gradient(135deg, #2E5B8F 0%, #3D6FA8 100%);
    --gradient-teal: linear-gradient(135deg, #5BC4C9 0%, #7ED5D9 100%);
}

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

html {
    font-size: 16px;
    overflow-x: hidden;
    max-width: 100%;
}

html, body {
    overflow-x: hidden;
    max-width: 100%;
}

body {
    font-family: 'Noto Sans', sans-serif;
    color: var(--text-dark);
    background-color: var(--bg-white);
    line-height: 1.6;
}