:root {
    --sp-bg: #f3f4f6;
    --sp-surface: #ffffff;
    --sp-surface-muted: #f9fafb;
    --sp-border: #e5e7eb;
    --sp-text: #111827;
    --sp-muted: #6b7280;
    --sp-accent: #1f4e79;
    --sp-accent-hover: #183d5e;
    --sp-accent-soft: rgba(31, 78, 121, 0.08);
    --sp-accent-ring: rgba(31, 78, 121, 0.15);
    --sp-danger-bg: #fef2f2;
    --sp-danger-text: #991b1b;
    --sp-danger-border: #fecaca;
    --sp-warning-bg: #fffbeb;
    --sp-warning-text: #92400e;
    --sp-warning-border: #fde68a;
    --sp-success-bg: #ecfdf5;
    --sp-success-text: #065f46;
    --sp-radius: 10px;
    --sp-radius-sm: 8px;
    --sp-shadow: 0 1px 2px rgba(17, 24, 39, 0.06), 0 8px 24px rgba(17, 24, 39, 0.06);
    --sp-sidebar-width: 240px;
    --sp-sidebar-collapsed-width: 72px;
    --sp-topbar-height: 60px;
    --sp-font: "Segoe UI", system-ui, -apple-system, sans-serif;
}