:root {
    /*
     * Technical defaults only.
     * Penpot is the authoritative design source.
     * Future exported/approved design tokens replace values here.
     */
    --font-family-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;

    --radius-sm: 0.5rem;
    --radius-md: 0.875rem;

    --surface-0: #f6f7f8;
    --surface-1: #ffffff;
    --text-1: #1c232b;
    --text-2: #59636e;
    --line-1: #d9dee3;
    --focus-ring: #315efb;

    --shadow-1: 0 0.4rem 1.4rem rgb(0 0 0 / 0.08);
}

@media (prefers-color-scheme: dark) {
    :root {
        --surface-0: #15191e;
        --surface-1: #1d232a;
        --text-1: #f1f4f7;
        --text-2: #b0bbc6;
        --line-1: #38414b;
        --focus-ring: #8aa2ff;
        --shadow-1: 0 0.4rem 1.4rem rgb(0 0 0 / 0.22);
    }
}