:root {
    --brand-primary: #6366f1;
    --brand-primary-rgb: 99, 102, 241;
    --brand-secondary: #8b5cf6;
    --brand-success: #22c55e;
    --brand-warning: #f59e0b;
    --brand-danger: #ef4444;
    --brand-info: #06b6d4;

    --header-bg: #ffffff;
    --header-height: 64px;
    --sidebar-bg: #1e1e2d;
    --sidebar-width: 280px;
    --sidebar-collapsed-width: 80px;
    --sidebar-text: #9899ac;
    --sidebar-active: var(--brand-primary);
    --sidebar-hover-bg: rgba(255, 255, 255, 0.05);

    --content-bg: #f5f8fa;
    --card-bg: #ffffff;
    --card-border: #e9ecef;
    --card-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

    /* Fix: Use dark colors for text to ensure visibility */
    --text-primary: #212529;
    --text-secondary: #495057;
    --text-muted: #6c757d;

    --border-radius-sm: 0.375rem;
    --border-radius: 0.5rem;
    --border-radius-lg: 0.75rem;
    --border-radius-xl: 1rem;

    --font-family-base: 'Noto Kufi Arabic', 'Inter', system-ui, -apple-system, sans-serif;
    --font-family-arabic: 'Noto Kufi Arabic', 'Noto Sans Arabic', 'Segoe UI', sans-serif;

    --transition-base: all 0.2s ease-in-out;

    --logo-url: url('../assets/img/logo.svg');
    --logo-height: 40px;

    --z-sidebar: 1030;
    --z-header: 1020;
    --z-modal: 1050;
    --z-toast: 1090;
}

[data-theme="dark"] {
    --header-bg: #1e1e2d;
    --content-bg: #151521;
    --card-bg: #1e1e2d;
    --card-border: #2d2d3f;
    --text-primary: #ffffff;
    --text-secondary: #9899ac;
    --text-muted: #565674;
}