:root { --color-primary: #0d47a1;
--color-primary-dark: #0a3d91;
--color-primary-light: #1565c0;
--color-primary-lighter: #e3f2fd; --color-secondary: #b71c1c;
--color-secondary-dark: #8b0000;
--color-secondary-light: #d32f2f;
--color-secondary-lighter: #ffebee; --color-accent: #e65100;
--color-accent-dark: #bf360c;
--color-accent-light: #ff6d00; --color-text: #1a1a1a;
--color-text-light: #424242;
--color-text-muted: #616161;
--color-text-inverse: #ffffff; --color-bg: #ffffff;
--color-bg-light: #fafafa;
--color-bg-lighter: #f5f5f5;
--color-bg-dark: #212121;
--color-bg-darker: #0d0d0d; --color-border: #e0e0e0;
--color-border-light: #eee;
--color-border-dark: #bdbdbd; --color-link: #0d47a1;
--color-link-hover: #b71c1c; --color-success: #2e7d32;
--color-warning: #ed6c02;
--color-error: #b71c1c;
--color-info: #1565c0;
} [data-theme="dark"],
.dark-mode {
--color-text: #f7fafc;
--color-text-light: #e2e8f0;
--color-text-muted: #cbd5e0;
--color-text-inverse: #1a202c;
--color-bg: #1a202c;
--color-bg-light: #2d3748;
--color-bg-lighter: #4a5568;
--color-bg-dark: #0d1117;
--color-bg-darker: #000000;
--color-border: #4a5568;
--color-border-light: #2d3748;
--color-border-dark: #718096;
--color-primary: #4299e1;
--color-primary-dark: #3182ce;
--color-primary-light: #63b3ed;
--color-primary-lighter: rgba(66, 153, 225, 0.15);
}