:root {
    /* Light theme */
    --primary-light: #2563eb;
    --secondary-light: #3b82f6;
    --text-light: #1f2937;
    --background-light: #FAFAFA;
    --surface-light: ##FAFAFA;
    --border-light: #e5e7eb;
    
    /* Dark theme */
    --primary-dark: #3b82f6;
    --secondary-dark: #60a5fa;
    --text-dark: #f3f4f6;
    --background-dark: #111827;
    --surface-dark: #1B2125;
    --border-dark: #374151;
}

[data-theme="light"] {
    --primary: var(--primary-light);
    --secondary: var(--secondary-light);
    --text: var(--text-light);
    --background: var(--background-light);
    --surface: var(--surface-light);
    --border: var(--border-light);
}

[data-theme="dark"] {
    --primary: var(--primary-dark);
    --secondary: var(--secondary-dark);
    --text: var(--text-dark);
    --background: var(--background-dark);
    --surface: var(--surface-dark);
    --border: var(--border-dark);
}