/** * Dark / Light Minimal — clean flat hi-tech. * color_scheme is applied via data-color-scheme on . */ [data-theme="minimal"][data-color-scheme="dark"] { --cp-bg: #0a0a0a; --cp-fg: #fafafa; --cp-surface: #141414; --cp-border: #2e2e2e; --cp-muted: #8c8c8c; --cp-accent: #60a5fa; --cp-accent-soft: rgba(96, 165, 250, 0.18); --cp-input-bg: #0f0f0f; --cp-square-light: #d4d4d4; --cp-square-dark: #404040; --cp-board-shadow: 0 4px 16px rgba(0, 0, 0, 0.45); --cp-piece-filter: none; } [data-theme="minimal"][data-color-scheme="light"] { --cp-bg: #fafafa; --cp-fg: #171717; --cp-surface: #ffffff; --cp-border: #e5e5e5; --cp-muted: #737373; --cp-accent: #2563eb; --cp-accent-soft: rgba(37, 99, 235, 0.12); --cp-input-bg: #f5f5f5; --cp-square-light: #ffffff; --cp-square-dark: #a3a3a3; --cp-board-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); --cp-piece-filter: none; } /* Fallback if color_scheme missing — dark */ [data-theme="minimal"]:not([data-color-scheme]) { --cp-bg: #0a0a0a; --cp-fg: #fafafa; --cp-surface: #141414; --cp-border: #2e2e2e; --cp-muted: #8c8c8c; --cp-accent: #60a5fa; --cp-accent-soft: rgba(96, 165, 250, 0.18); --cp-input-bg: #0f0f0f; --cp-square-light: #d4d4d4; --cp-square-dark: #404040; --cp-board-shadow: 0 4px 16px rgba(0, 0, 0, 0.45); --cp-piece-filter: none; }