:root {
    --ppui-bg: #f8fafc;
    --ppui-surface: #ffffff;
    --ppui-surface-soft: #f1f5f9;
    --ppui-text: #0f172a;
    --ppui-muted: #64748b;
    --ppui-border: #e2e8f0;
    --ppui-primary: #2563eb;
    --ppui-primary-soft: #dbeafe;
    --ppui-success: #16a34a;
    --ppui-warning: #d97706;
    --ppui-danger: #dc2626;
    --ppui-info: #0891b2;

    --ppui-radius-sm: 6px;
    --ppui-radius-md: 10px;
    --ppui-radius-lg: 16px;
    --ppui-radius-xl: 22px;
    --ppui-radius-full: 999px;

    --ppui-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --ppui-shadow-md: 0 12px 32px rgba(15, 23, 42, 0.08);
    --ppui-shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.14);

    --ppui-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ppui-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

html[data-theme="dark"] {
    --ppui-bg: #020617;
    --ppui-surface: #0f172a;
    --ppui-surface-soft: #111827;
    --ppui-text: #e5e7eb;
    --ppui-muted: #94a3b8;
    --ppui-border: #1e293b;
    --ppui-primary: #60a5fa;
    --ppui-primary-soft: rgba(37, 99, 235, 0.18);
}