/* ============================================= RasterNest — Dark Mode Overrides Applied when [data-theme="dark"] on PRD Section 7.2 Dark Mode palette ============================================= */ [data-theme="dark"] { --bg-primary: #1A1918; --bg-secondary: #252422; --bg-tertiary: #302E2B; --bg-card: #252422; --bg-card-hover: #302E2B; --bg-input: #1A1918; --bg-overlay: rgba(0, 0, 0, 0.6); --text-primary: #EDEDEC; --text-secondary: #A3A09B; --text-tertiary: #706C66; --accent: #2DD4BF; --accent-hover: #14B8A6; --accent-light: rgba(45, 212, 191, 0.12); --accent-text: #2DD4BF; --border-color: #3D3A37; --border-focus: #2DD4BF; --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3); --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4); --shadow-glow: 0 0 0 3px rgba(45, 212, 191, 0.2); --accent-cyan: var(--accent); --text-muted: var(--text-tertiary); color-scheme: dark; } /* Checkerboard pattern for image previews in dark mode */ [data-theme="dark"] .image-thumb { background: repeating-conic-gradient(#252422 0% 25%, #302E2B 0% 50%) 50% / 16px 16px; } [data-theme="dark"] .preview-container { background: repeating-conic-gradient(#1A1918 0% 25%, #252422 0% 50%) 50% / 20px 20px; }