:root {
    /* Colors */
    --color-background: #f8f9fb;
    --color-surface: #ffffff;

    --color-text: #17191d;
    --color-text-secondary: #656a73;
    --color-border: #e7e9ee;

    --color-primary: #5147e5;
    --color-primary-dark: #4037c7;
    --color-primary-soft: #eeedff;

    /* Layout */
    --container-width: 1180px;
    --container-padding: 24px;

    /* Radius */
    --radius-small: 12px;
    --radius-medium: 20px;
    --radius-large: 32px;

    /* Shadows */
    --shadow-small: 0 8px 30px rgba(20, 22, 30, 0.06);
    --shadow-medium: 0 20px 60px rgba(20, 22, 30, 0.10);

    /* Typography */
    --font-main:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    /* Transitions */
    --transition: 180ms ease;
}