/*
Dark Theme (Graphite)
Usage:
*/
html.theme-dark{
/* --- Bootstrap Overrides for Dark Mode --- */
--blue: #3d8bfd;
--indigo: #8540f5;
--purple: #8957e5;
--pink: #e668a2;
--red: #e35d6a;
--orange: #fd9843;
--yellow: #ffc107;
--green: #4dda72;
--teal: #20c997;
--cyan: #3dc2d6;
--white: #fff;
--gray: #adb5bd;
--gray-dark: #343a40;
--primary: #4dabf7; /* Lighter blue for dark bg */
--secondary: #adb5bd;
--success: #4dda72;
--info: #3dc2d6;
--warning: #ffc107;
--danger: #e35d6a;
--light: #2c3035; /* Dark graphite surface */
--dark: #f8f9fa; /* Light text */
/* --- Core Variables --- */
/* Brand: Lightened for contrast against dark graphite */
--color-brand: #0173aa;
--color-link: #0173aa;
--color-link-hover: #74c0fc;
/* Base Colors: Graphite Palette */
--color-text: #e9ecef; /* neutral-100 */
--color-bg: #1b1d21; /* Deep Graphite */
--color-surface: #24272b; /* Lighter Graphite for Cards */
--color-border: #343a40; /* neutral-800 */
--color-muted: #adb5bd; /* neutral-400 */
/* --- Brand Scale (Adjusted Alpha/Lightness) --- */
--brand-90: rgba(77, 171, 247, 0.9);
--brand-70: rgba(77, 171, 247, 0.7);
--brand-50: rgba(77, 171, 247, 0.5);
--brand-35: rgba(77, 171, 247, 0.35);
--brand-20: rgba(77, 171, 247, 0.2);
/* --- Neutrals (Inverted/Shifted for Dark Mode) --- */
/* Mapping: neutral-0 is now the darkest, neutral-900 is white */
--neutral-0: #1b1d21; /* Main BG */
--neutral-50: #212529; /* Dark Surface */
--neutral-100: #2c3035; /* Card BG */
--neutral-200: #343a40; /* Borders */
--neutral-300: #495057;
--neutral-400: #868e96;
--neutral-500: #adb5bd;
--neutral-600: #ced4da;
--neutral-700: #dee2e6;
--neutral-800: #e9ecef; /* Main Text */
--neutral-900: #f8f9fa; /* High Contrast Text */
/* --- Alpha Overrides --- */
--neutral-0-90: rgba(27, 29, 33, 0.9);
--neutral-0-80: rgba(27, 29, 33, 0.8);
--neutral-0-70: rgba(27, 29, 33, 0.7);
--neutral-900-90: rgba(255, 255, 255, 0.9);
--neutral-900-50: rgba(255, 255, 255, 0.5);
--neutral-900-10: rgba(255, 255, 255, 0.1);
/* --- Focus Ring --- */
--focus-ring-color: rgba(77, 171, 247, 0.5);
/* --- States (Dark Mode Adjusted) --- */
/* Error/Danger */
--color-danger: #e35d6a;
--danger-600: #e35d6a;
--danger-100: rgba(220, 53, 69, 0.2); /* Transparent bg instead of solid light */
/* Success */
--color-success: #4dda72;
--success-700: #4dda72;
--success-100: rgba(40, 167, 69, 0.2);
/* Warning */
--color-warning: #ffc107;
--warning-700: #ffc107;
--warning-100: rgba(255, 193, 7, 0.2);
/* Info */
--color-info: #3dc2d6;
--info-100: rgba(23, 162, 184, 0.2);
/* Radii */
--radius-20: 20px;
}