:root{
    --success-base: #409847;
    --success-hover: #58bb5f;
    --success-active: #2d7451;
    --success-focus:  rgba(67,171,119,.35);

    --primary-base:   #2f5b7c;
    --primary-hover: #437eab;
    --primary-active: #000000;
    --primary-focus: rgba(0, 0, 0, 0.35);


    --info-base:   #043368;
    --info-hover: #4e7eb4;
    --info-active: #020202;
    --info-focus: rgba(0, 0, 0, 0.35);

    --danger-base: #740e0e;
    --danger-hover: #b44e4e;
    --danger-active: #020202;
    --danger-focus: rgba(0, 0, 0, 0.35);

    --warning-base: orange;
    --warning-hover: rgba(255, 165, 0, 0.63);
    --warning-active: #020202;
    --warning-focus: rgba(0, 0, 0, 0.35);
}