/* ============================================
   ترجمة المتغيرات القديمة إلى النظام الموحد
   Learning Styles - Compatibility Layer
   ============================================ */

:root {
    /* ترجمة المتغيرات القديمة (--ui-*) إلى النظام الموحد */
    --ui-bg: var(--bg-primary);
    --ui-gradient-start: var(--bg-secondary);
    --ui-gradient-mid: var(--bg-tertiary);
    --ui-gradient-end: var(--primary);
    --ui-primary: var(--primary);
    --ui-secondary: var(--secondary);
    --ui-accent: var(--accent);
    --ui-muted: var(--accent-muted);
    --ui-text: var(--text-primary);
    --ui-text-secondary: var(--text-secondary);
    --ui-shadow: var(--shadow-lg);
    --ui-surface: var(--surface);
    --ui-surface-alt: var(--surface-elevated);
    --ui-border: var(--border);
    --ui-chip: var(--chip-bg);
    
    /* متغيرات خاصة بالصفحة */
    --panel-dark: var(--surface-strong);
    --panel-highlight: var(--chip-bg);
    --panel-border-strong: var(--border);
    --control-bg: var(--surface-elevated);
    --control-bg-hover: var(--surface-hover);
    --control-border-strong: var(--border);
    --control-text: var(--text-primary);
    --control-placeholder: var(--text-secondary);
}