:root {
    --rr-primary: #4f6ef7;
    --rr-secondary: #6c63ff;
    --rr-bg: #f5f7fb;
    --rr-card: #ffffff;
    --rr-border: #e8ecf5;
    --rr-text: #1e293b;
    --rr-muted: #64748b;
    --rr-success: #22c55e;
    --rr-warning: #f59e0b;
    --rr-danger: #ef4444;
    --rr-info: #3b82f6;
    --rr-sidebar-a: #6478d7;
    --rr-sidebar-b: #4968e8;
    --rr-radius: 8px;
    --rr-shadow: 0 10px 30px rgba(30, 41, 59, 0.08);
    --rr-soft-shadow: 0 4px 14px rgba(30, 41, 59, 0.06);
    --font-heading: "Poppins", "Plus Jakarta Sans", Arial, sans-serif;
    --font-body: "Poppins", "Plus Jakarta Sans", Arial, sans-serif;
    --primary: var(--rr-primary);
    --primary-blue: var(--rr-primary);
    --primary-hover: #3f5fe6;
    --primary-light: rgba(79, 110, 247, 0.1);
    --secondary: var(--rr-muted);
    --dark: var(--rr-text);
    --light: var(--rr-bg);
    --border: var(--rr-border);
    --white: #ffffff;
    --bg-main: var(--rr-bg);
    --bg-card: var(--rr-card);
    --text-main: var(--rr-text);
    --text-muted: var(--rr-muted);
    --border-color: var(--rr-border);
}

.theme-dark,
body.theme-dark {
    --rr-bg: #111827;
    --rr-card: #182235;
    --rr-border: #26334a;
    --rr-text: #f8fafc;
    --rr-muted: #a7b0c0;
    --bg-main: #111827;
    --bg-card: #182235;
    --text-main: #f8fafc;
    --text-muted: #a7b0c0;
    --border-color: #26334a;
    color-scheme: dark;
}