/* * FAQ Help Centre — Theme Variables * Dark (default) and light theme CSS custom properties. * Apply [data-theme="dark"] or [data-theme="light"] to or . * System preference is handled by theme-toggle.js. * * Usage: Import this file first before all other FAQ CSS files. */ /* ─── Light theme (base) ─────────────────────────────────────────────────── */ :root { /* Backgrounds */ --faq-bg-primary: #ffffff; --faq-bg-sidebar: #f9f9f9; --faq-bg-topbar: #ffffff; --faq-bg-callout-info: #e8f0fe; --faq-bg-callout-warn: #fef0e8; --faq-bg-code: #f4f4f4; --faq-bg-search-modal: rgba(0, 0, 0, 0.5); --faq-bg-search-box: #ffffff; /* Text */ --faq-text-primary: #1a1a1a; --faq-text-secondary: #666666; --faq-text-muted: #999999; --faq-text-nav: #444444; --faq-text-nav-section: #333333; --faq-text-callout-info:#1a3a6e; --faq-text-callout-warn:#7a2c00; /* Accent (BTC Breakout orange — same in both themes) */ --faq-accent: #e86c3a; --faq-accent-hover: #d45a28; /* Borders & dividers */ --faq-border: #e0e0e0; --faq-border-sidebar: #e0e0e0; --faq-border-topbar: #e0e0e0; /* Active nav */ --faq-nav-active-bg: rgba(232, 108, 58, 0.08); --faq-nav-active-border:#e86c3a; /* Shadows */ --faq-shadow-search: 0 8px 32px rgba(0, 0, 0, 0.12); --faq-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06); /* Transitions */ --faq-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } /* ─── Dark theme ─────────────────────────────────────────────────────────── */ [data-theme="dark"] { /* Backgrounds */ --faq-bg-primary: #1a1a1a; --faq-bg-sidebar: #1a1a1a; --faq-bg-topbar: #1a1a1a; --faq-bg-callout-info: #1e2a3a; --faq-bg-callout-warn: #3a1e1e; --faq-bg-code: #2a2a2a; --faq-bg-search-modal: rgba(0, 0, 0, 0.75); --faq-bg-search-box: #242424; /* Text */ --faq-text-primary: #e0e0e0; --faq-text-secondary: #aaaaaa; --faq-text-muted: #777777; --faq-text-nav: #cccccc; --faq-text-nav-section: #ffffff; --faq-text-callout-info:#93b8f0; --faq-text-callout-warn:#f0a87a; /* Borders & dividers */ --faq-border: #333333; --faq-border-sidebar: #2a2a2a; --faq-border-topbar: #2a2a2a; /* Active nav */ --faq-nav-active-bg: rgba(232, 108, 58, 0.12); /* Shadows */ --faq-shadow-search: 0 8px 32px rgba(0, 0, 0, 0.5); --faq-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.3); }