:root {

    /* Colours */

    --color-background: #ffffff;
    --color-surface: #f8fafc;
    --color-text: #111827;
    --color-text-secondary: #6b7280;

    --color-primary: #6366f1;
    --color-primary-dark: #4f46e5;

    --color-border: #e5e7eb;


    /* Typography */

    --font-main: "Inter", Arial, sans-serif;


    /* Spacing */

    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 32px;
    --space-lg: 64px;
    --space-xl: 96px;


    /* Borders */

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;


    /* Shadows */

    --shadow-card:
        0 10px 30px rgba(0,0,0,0.08);

}