:root {
    --fa-ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --fa-ui-font-body: 14px;
    --fa-ui-font-metadata: 12px;
    --fa-ui-radius-card: 18px;
    --fa-ui-radius-control: 10px;
    --fa-ui-radius-button: 9px;
    --fa-ui-radius-popover: 12px;
    --fa-ui-space-1: 4px;
    --fa-ui-space-2: 8px;
    --fa-ui-space-3: 12px;
    --fa-ui-space-4: 16px;
    --fa-ui-space-5: 20px;
    --fa-ui-space-6: 24px;
    --fa-ui-space-7: 30px;
    --fa-ui-space-8: 40px;
    --fa-ui-motion-hover: 180ms;
    --fa-ui-motion-enter: 220ms;
}

:root, :root[data-fa-ui-theme="light"] {
    color-scheme: light;
    --fa-ui-surface: #ffffff;
    --fa-ui-sidebar: #f5f6f8;
    --fa-ui-text: #20242c;
    --fa-ui-secondary: #68717d;
    --fa-ui-border: #e8ebef;
    --fa-ui-control-border: #858d98;
    --fa-ui-soft: #f5f7fa;
    --fa-ui-art: #f1f4f7;
    --fa-ui-accent: #147c78;
    --fa-ui-selected: #e4efed;
    --fa-ui-on-selected: #253e40;
    --fa-ui-primary: #253e40;
    --fa-ui-on-primary: #ffffff;
    --fa-ui-on-accent: #ffffff;
    --fa-ui-success: #287452;
    --fa-ui-success-bg: #eaf4ee;
    --fa-ui-warning: #94611d;
    --fa-ui-warning-bg: #fbf2e4;
    --fa-ui-error: #b33b40;
    --fa-ui-error-bg: #fbecee;
    --fa-ui-shadow-color: #1e293b0b;
    --fa-ui-scrim: rgb(20 27 34 / 32%);
}

:root[data-fa-ui-theme="dark"] {
    color-scheme: dark;
    --fa-ui-surface: #1c1d20;
    --fa-ui-sidebar: #242529;
    --fa-ui-text: #f0f1f4;
    --fa-ui-secondary: #a7aeb9;
    --fa-ui-border: #34373d;
    --fa-ui-control-border: #777f8b;
    --fa-ui-soft: #282c32;
    --fa-ui-art: #292e36;
    --fa-ui-accent: #6bcfc7;
    --fa-ui-selected: #2d4241;
    --fa-ui-on-selected: #b2dbd5;
    --fa-ui-primary: #b2dbd5;
    --fa-ui-on-primary: #172c2c;
    --fa-ui-on-accent: #172c2c;
    --fa-ui-success: #8acaae;
    --fa-ui-success-bg: #283f34;
    --fa-ui-warning: #e9be7c;
    --fa-ui-warning-bg: #403725;
    --fa-ui-error: #f3a1a5;
    --fa-ui-error-bg: #49292d;
    --fa-ui-shadow-color: #00000024;
    --fa-ui-scrim: rgb(0 0 0 / 56%);
}

@media (prefers-color-scheme: dark) {
:root:not([data-fa-ui-theme]) {
    color-scheme: dark;
    --fa-ui-surface: #1c1d20;
    --fa-ui-sidebar: #242529;
    --fa-ui-text: #f0f1f4;
    --fa-ui-secondary: #a7aeb9;
    --fa-ui-border: #34373d;
    --fa-ui-control-border: #777f8b;
    --fa-ui-soft: #282c32;
    --fa-ui-art: #292e36;
    --fa-ui-accent: #6bcfc7;
    --fa-ui-selected: #2d4241;
    --fa-ui-on-selected: #b2dbd5;
    --fa-ui-primary: #b2dbd5;
    --fa-ui-on-primary: #172c2c;
    --fa-ui-on-accent: #172c2c;
    --fa-ui-success: #8acaae;
    --fa-ui-success-bg: #283f34;
    --fa-ui-warning: #e9be7c;
    --fa-ui-warning-bg: #403725;
    --fa-ui-error: #f3a1a5;
    --fa-ui-error-bg: #49292d;
    --fa-ui-shadow-color: #00000024;
    --fa-ui-scrim: rgb(0 0 0 / 56%);
}
}

@media (prefers-reduced-motion: reduce) {
    :root { --fa-ui-motion-hover: 0ms; --fa-ui-motion-enter: 0ms; }
}