/* * FAQ Help Centre — Theme Variables * Dark (default) and light theme CSS custom properties. * Colours aligned with BTC Breakout Brand Guide 2026. * Apply [data-theme="dark"] or [data-theme="light"] to . */ /* ─── Light theme (base) ─────────────────────────────────────────────────── */ :root { /* Layout */ --faq-topbar-h: 60px; --faq-footer-h: 64px; /* padding 20px × 2 + single line ~24px */ /* Backgrounds */ --faq-bg-page: linear-gradient(to bottom left, #fceadc 0%, #ffffff 100%); --faq-bg-primary: #ffffff; --faq-bg-sidebar: #f7f3f1; --faq-bg-topbar: transparent; --faq-bg-callout-info: rgba(239, 90, 51, 0.07); --faq-bg-callout-warn: rgba(245, 158, 11, 0.1); --faq-bg-code: #f2eeec; --faq-bg-search-modal: rgba(0, 0, 0, 0.5); --faq-bg-search-box: #ffffff; /* Text */ --faq-text-primary: #111111; --faq-text-secondary: #444444; --faq-text-muted: #777777; --faq-text-nav: #444444; --faq-text-nav-section: #111111; --faq-text-callout-info:#c0390f; --faq-text-callout-warn:#92590a; /* Accent — BTC Breakout orange (same in both themes) */ --faq-accent: #EF5A33; --faq-accent-hover: #d44820; /* Borders & dividers */ --faq-border: #e5e0dc; --faq-border-sidebar: #e5e0dc; --faq-border-topbar: #e5e0dc; /* Active nav */ --faq-nav-active-bg: rgba(239, 90, 51, 0.08); --faq-nav-active-border:#EF5A33; /* 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 — warm dark matching GitBook */ --faq-bg-page: linear-gradient(to bottom left, #332622 0%, #1b1b1b 100%); --faq-bg-primary: #1d1a18; --faq-bg-sidebar: #131110; --faq-bg-topbar: transparent; --faq-bg-callout-info: rgba(239, 90, 51, 0.08); --faq-bg-callout-warn: rgba(245, 158, 11, 0.1); --faq-bg-code: #252220; --faq-bg-search-modal: rgba(0, 0, 0, 0.75); --faq-bg-search-box: #1d1a18; /* Text */ --faq-text-primary: #ffffff; --faq-text-secondary: #cccccc; --faq-text-muted: #777777; --faq-text-nav: #cccccc; --faq-text-nav-section: #ffffff; --faq-text-callout-info:#ef7a5a; --faq-text-callout-warn:#f59e0b; /* Borders — warm dark border */ --faq-border: #2d2824; --faq-border-sidebar: #2d2824; --faq-border-topbar: #2d2824; /* Active nav */ --faq-nav-active-bg: rgba(239, 90, 51, 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); }