:root {

    /* Brand */

    --umeet-primary: #2563eb;
    --umeet-primary-dark: #1d4ed8;

    --umeet-success: #10b981;
    --umeet-warning: #f59e0b;
    --umeet-danger: #ef4444;


    /* Surfaces */

    --umeet-background: #f8fafc;
    --umeet-surface: #ffffff;
    --umeet-dark: #111827;


    /* Text */

    --umeet-text: #0f172a;
    --umeet-muted: #64748b;


    /* Borders */

    --umeet-border: #e2e8f0;


    /* Radius */

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


    /* Shadows */

    --shadow-sm:
        0 1px 3px rgba(0,0,0,.08);

    --shadow:
        0 10px 30px rgba(0,0,0,.08);

    --shadow-lg:
        0 20px 50px rgba(0,0,0,.12);


    /* Animation */

    --transition:
        all .25s ease;

}


body {

    background:
        var(--umeet-background);

    color:
        var(--umeet-text);

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

}