/* ================= GLOBAL COLOR VARIABLES ================= */
:root {
    /* PRIMARY COLORS */
    --primary-color: #30427F;
    --primary-light: #4f6cff;
    --primary-dark: #22366d;
    --primary-very-dark: #1e2a52;

    /* SECONDARY COLORS */
    --secondary-color: #a7b4ff;
    --secondary-light: #c7d0ff;
    --secondary-light-2: #cfd6ff;
    --secondary-light-3: #e0e6ff;

    /* BACKGROUND COLORS */
    --bg-dark: #000;
    --bg-dark-2: #0c1428;
    --bg-light: #fff;
    --bg-light-blue: #f8f9ff;
    --bg-light-purple: #f6f0ff;
    --bg-light-gray: #f7f9ff;

    /* TEXT COLORS */
    --text-primary: #fff;
    --text-secondary: #cfd6ff;
    --text-light: #c7d0ff;
    --text-dark: #000;
    --text-muted: #555;
    --text-gray: #666;
    --text-dark-gray: #333;

    /* BORDER COLORS */
    --border-color: rgba(255, 255, 255, 0.12);
    --border-light: rgba(255, 255, 255, 0.08);
    --border-gray: #e1e1e1;
    --border-light-gray: #ddd;

    /* GRADIENT COLORS */
    --gradient-primary: linear-gradient(135deg, #30427F, #1e2a52);
    --gradient-footer: linear-gradient(135deg, #22366d, #0c1428);
    --gradient-service: linear-gradient(135deg, #30427F, #30427F);
    --gradient-testimonial: linear-gradient(135deg, #30427F, #4b5fd8);

    /* SHADOW COLORS */
    --shadow-sm: 0 4px 15px rgba(0, 0, 0, .08);
    --shadow-md: 0 20px 40px rgba(0, 0, 0, .1);
    --shadow-lg: 0 30px 60px rgba(0, 0, 0, .1);
    --shadow-primary: 0 15px 35px rgba(48, 66, 127, 0.4);
}