/* Extended Blue Toned Palette */
:root {
    /* Primary Colors */
    --color1: #4682b4;   /* Steel Blue */
    --color2: #5f9ea0;   /* Cadet Blue */
    --color3: #1e90ff;   /* Dodger Blue */
    --color4: #87ceeb;   /* Sky Blue */
    --color5: #e6f7ff;   /* Light Blue Background */

    /* Lighter and Darker Shades */
    --color1-light: #76b1df;  /* Lighter Steel Blue */
    --color1-dark: #2c5981;   /* Darker Steel Blue */

    --color2-light: #8ab8bf;  /* Lighter Cadet Blue */
    --color2-dark: #406e75;   /* Darker Cadet Blue */

    --color3-light: #63aaff;  /* Lighter Dodger Blue */
    --color3-dark: #155b99;   /* Darker Dodger Blue */

    --color4-light: #aee4f9;  /* Lighter Sky Blue */
    --color4-dark: #6baec8;   /* Darker Sky Blue */

    --color5-light: #f5fbff;  /* Almost White Blue */
    --color5-dark: #cde4f2;   /* Muted Light Blue */

    /* Neutrals for Backgrounds and Borders */
    --neutral1: #f0f8ff;      /* Alice Blue - Very Light */
    --neutral2: #cddbe7;      /* Light Greyish Blue */
    --neutral3: #7a8691;      /* Cool Grey - Neutral Text */
    --neutral4: #2f3e46;      /* Charcoal Blue - For Softer Contrast */

    /* Gradients */
    --gradient-top: linear-gradient(0deg, var(--color3-light), var(--color4-light), var(--color5-light));
    --gradient-bottom: linear-gradient(180deg, var(--color3-dark), var(--color2-dark), var(--color5-dark));
}