:root {
    --container-padding: 20px;
    --container-width: calc(100vw - var(--container-padding) * 2);
    --padding: 80px;
    --contrast: #070fab;
    --gap: 2;
    --space: 8px;
    --card-padding: 16px;
    --card-bg: #fff;
    --border: #d5e3ec;
    --shadow: #d8e1e8;
    --background: #e1e0e0;
    --background-light: #fff;
    --color-light: #121c4299;

    --red: #f25353;
    --green: #41cf7c;
    --yellow: #feb32b;
    --blue: #4967ff;
    --teal: #1abc9c;
    --purple: #9b59b6;
    --orange: #ff7f50;
    --pink: #ff69b4;
    --yellow-alpha: #feb32b4c;
    --grey: #7c7c7c;
    --border-header: var(--border)
}