:root {
    color-scheme: light;

    --lk-color-background: #eef3f6;
    --lk-color-surface: #ffffff;
    --lk-color-surface-soft: #f7f9fa;
    --lk-color-surface-hover: #eaf2f7;
    --lk-color-text: #172b3a;
    --lk-color-text-muted: #5e7180;
    --lk-color-border: #d8e2e8;
    --lk-color-primary: #0868ac;
    --lk-color-primary-hover: #075a96;
    --lk-color-primary-soft: #e7f2fa;
    --lk-color-accent: #087f78;
    --lk-color-accent-soft: #e3f4f1;
    --lk-color-danger: #b42318;
    --lk-color-danger-soft: #fdecea;
    --lk-color-warning: #9a5a00;
    --lk-color-warning-soft: #fff3d9;
    --lk-color-success: #197447;
    --lk-color-success-soft: #e7f5ed;
    --lk-color-sidebar: #123044;
    --lk-color-sidebar-strong: #0d2535;
    --lk-color-sidebar-active: #176eb1;
    --lk-color-sidebar-text: #eaf2f6;
    --lk-color-sidebar-muted: #b6c7d0;
    --lk-color-brand-surface: #f8fbfd;
    --lk-color-focus: #ffbf47;
    --lk-color-overlay: rgba(13, 37, 53, 0.48);

    --lk-radius-sm: 6px;
    --lk-radius-md: 9px;
    --lk-radius-lg: 14px;
    --lk-shadow-sm: 0 2px 8px rgba(20, 48, 65, 0.08);
    --lk-shadow-md: 0 16px 42px rgba(20, 48, 65, 0.14);

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

    --lk-font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
    --lk-transition-fast: 150ms ease;
}

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

    --lk-color-background: #182832;
    --lk-color-surface: #21343f;
    --lk-color-surface-soft: #283d49;
    --lk-color-surface-hover: #304955;
    --lk-color-text: #e7eef2;
    --lk-color-text-muted: #afbec6;
    --lk-color-border: #40545e;
    --lk-color-primary: #78b9df;
    --lk-color-primary-hover: #94c9e7;
    --lk-color-primary-soft: #29495c;
    --lk-color-accent: #72c8c0;
    --lk-color-accent-soft: #294b49;
    --lk-color-danger: #f39a93;
    --lk-color-danger-soft: #553432;
    --lk-color-warning: #eec57e;
    --lk-color-warning-soft: #51442e;
    --lk-color-success: #83cea6;
    --lk-color-success-soft: #2b4b3a;
    --lk-color-sidebar: #173141;
    --lk-color-sidebar-strong: #132a38;
    --lk-color-sidebar-active: #2d6f9d;
    --lk-color-sidebar-text: #e8f0f4;
    --lk-color-sidebar-muted: #b2c2ca;
    --lk-color-brand-surface: #f8fbfd;
    --lk-color-focus: #ffd36b;
    --lk-color-overlay: rgba(10, 24, 33, 0.62);

    --lk-shadow-sm: 0 2px 8px rgba(7, 20, 28, 0.18);
    --lk-shadow-md: 0 16px 42px rgba(7, 20, 28, 0.28);
}