:root {
    --ir-brand: #2D47A2;
    --ir-brand-rgb: 45, 71, 162;
    --ir-brand-bg: #f8f9fc;
    --ir-brand-border: rgba(45, 71, 162, 0.2);
    --ir-brand-img-border: rgba(45, 71, 162, 0.3);
    --ir-gap: 12px;
    --ir-radius: 10px;
    --ir-radius-sm: 6px;
    --ir-surface: #ffffff;
    --ir-bg: #CFD1E1;
    --ir-border: #e2e6ea;
    --ir-text: #212529;
    --ir-text-sub: #6c757d;
    --ir-shadow: 0 2px 8px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.04);
    --ir-shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.04);

    /*Colour Pallet*/
    --dark-blue: #2D47A2; /* Primary Dark Blue */
    --extra-dark-blue: #08143f; /* Side bar blue*/
    --accent-blue: #6488D8;
    --light-blue: #f8f9fc;
    --green: #28a745;
    --orange: #fd7e14;
    --lightRed: #dc3545;
    --dark-grey: #5B6475;
}