:root {
    --bg: #f7f8ff;
    --panel: #ffffff;
    --text: rgb(50, 50, 100);
    --muted: #5a6275;
    --disabled: #d1d3e0;

    --accent: #9aa8ff;
    --border: #e6e8f5;

    --radius: 14px;
    --container: 920px;

    --space-1: 8px;
    --space-2: 12px;
    --space-3: 16px;
    --space-4: 24px;

    --border-valid: rgb(100, 170, 100);
    --valid: rgb(170, 230, 170);
    --border-warn: rgb(170, 170, 100);
    --warn: rgb(230, 230, 170);
    --border-invalid: rgb(170, 100, 100);
    --invalid: rgb(230, 170, 170);

    --header-h: 56px;
    --footer-h: 72px;
}