:root {
    color-scheme: light;

    --primary: #6c5ce7;
    --primary-dark: #5748d5;
    --primary-light: #9184f4;
    --primary-soft: #f0eeff;

    --secondary: #10b981;
    --secondary-soft: #e7faf4;

    --danger: #ef4444;
    --danger-soft: #ffe8ea;

    --warning: #f59e0b;
    --warning-soft: #fff6df;

    --info: #3b82f6;
    --info-soft: #edf5ff;

    --gold: #d8aa00;
    --silver: #9aa3af;
    --bronze: #b96c3a;

    --ink: #171923;
    --ink-soft: #353946;
    --muted: #707583;
    --muted-light: #979ba7;

    --background: #f6f7fc;
    --surface: rgba(255, 255, 255, .92);
    --surface-solid: #ffffff;
    --surface-soft: #f7f8fc;
    --line: #e6e8f0;

    --shadow-small:
        0 10px 30px rgba(27, 31, 51, .06);

    --shadow-medium:
        0 22px 60px rgba(27, 31, 51, .11);

    --shadow-large:
        0 35px 90px rgba(27, 31, 51, .16);

    --radius-small: 14px;
    --radius-medium: 22px;
    --radius-large: 30px;
    --radius-pill: 999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;
    --space-9: 48px;

    --font:
        "Plus Jakarta Sans",
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --transition-fast: 150ms ease;
    --transition-base: 240ms ease;
    --transition-slow: 420ms ease;
}

[data-theme="dark"] {
    color-scheme: dark;

    --ink: #f8f9fc;
    --ink-soft: #e5e7ef;
    --muted: #a6abba;
    --muted-light: #7e8494;

    --background: #11131b;
    --surface: rgba(26, 29, 40, .92);
    --surface-solid: #1a1d28;
    --surface-soft: #202330;
    --line: #303442;

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

    --shadow-medium:
        0 22px 60px rgba(0, 0, 0, .26);

    --shadow-large:
        0 35px 90px rgba(0, 0, 0, .34);
}