:root,
html[data-theme="light"] {
    --ap-bg: #ffffff;
    --ap-surface: #f4f6f9;
    --ap-border: #dde1e9;
    --ap-text: #1a1d27;
    --ap-text-muted: #6b7280;
    --ap-accent: #2563eb;
    --ap-accent-hover: #1d4ed8;
    --ap-danger: #dc2626;
    --ap-warning: #d97706;
    --ap-success: #16a34a;
}

html[data-theme="dark"] {
    --ap-bg: #0f1117;
    --ap-surface: #1a1d27;
    --ap-border: #2d3148;
    --ap-text: #e8eaf0;
    --ap-text-muted: #8b90a8;
    --ap-accent: #4f8ef7;
    --ap-accent-hover: #6ba3f9;
    --ap-danger: #f25c5c;
    --ap-warning: #f5a623;
    --ap-success: #34c98b;
}