:root {
    /* Brand Colors */
    --primary-blue: #1E429F;
    --primary-dark: #102A6B;
    --accent-orange: #F39C12;
    --accent-gradient: linear-gradient(135deg, #F39C12 0%, #D35400 100%);
    --blue-gradient: linear-gradient(135deg, #254EDB 0%, #1A3685 100%);

    /* Text */
    --text-main: #2C3E50;
    --text-light: #7F8C8D;
    --text-white: #FFFFFF;

    /* Backgrounds */
    --bg-body: #0F2044;
    /* Dark blue background behind dashboard */
    --bg-card: #FFFFFF;
    --bg-gray: #F8F9FA;

    /* UI Elements */
    --radius-lg: 16px;
    --radius-md: 8px;
    --radius-sm: 4px;
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.05);
    --shadow-glow: 0 10px 30px rgba(0, 0, 0, 0.2);

    /* Grid */
    --container-width: 1200px;

    /* login */
    /* Darker blue for login button */
    --signup-btn: #f07e16;
    /* Orange for signup button */
    --signup-btn-grad: linear-gradient(to bottom, #f7941d, #d6680a);
    --login-btn-grad: linear-gradient(to bottom, #2561c2, #103c85);

    /* form */
    --label-color: #222222;
    --input-bg: #f4f6f9;
    --input-border: #e1e4e8;

    /*  */
    --card-header-bg: linear-gradient(90deg, #153c75 0%, #1e529e 100%);
    --dark-blue-btn: #2c4a7c;
    --orange-grad: linear-gradient(180deg, #f59f2a 0%, #d35400 100%);
    --text-label: #2c3e50;
}

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