:root {
    --primary: #1556d8;
    --primary-dark: #0d3486;
    --primary-deep: #092867;
    --primary-light: #3978f2;
    --primary-soft: #eaf2ff;

    --white: #ffffff;

    --background: #f7f9fc;
    --surface: #ffffff;
    --surface-soft: #f2f6fc;

    --text: #132238;
    --text-soft: #55647a;
    --muted: #8290a3;

    --success: #169b63;
    --danger: #e53d5c;
    --warning: #e79b24;

    --border: rgba(19, 34, 56, 0.11);
    --border-blue: rgba(21, 86, 216, 0.18);

    --container: 1280px;

    --radius-small: 10px;
    --radius-medium: 16px;
    --radius-large: 24px;
    --radius-pill: 999px;

    --shadow-small:
        0 8px 24px rgba(21, 48, 92, 0.07);

    --shadow-medium:
        0 18px 50px rgba(21, 48, 92, 0.12);

    --transition: 0.22s ease;
}