/** * BWW Design System — Tokens * Source of truth for CSS custom properties. See bway/design-system/MASTER.md */ :root { /* Brand */ --bww-red: #b20223; --bww-red-dark: #8a0119; --bww-red-hover: #962223; --bww-blue: #1e3c72; --bww-blue-mid: #2a5298; --bww-dark: #222222; /* Neutrals */ --bww-text: #222222; --bww-text-muted: #666666; --bww-border: #e0e0e0; --bww-bg-subtle: #f8f9fa; --bww-bg-panel: #eff0f2; --bww-white: #ffffff; /* Semantic */ --bww-success: #2a9d3a; --bww-success-bg: #f0f7f0; --bww-warning: #ffb300; --bww-warning-bg: #fff8e1; --bww-danger: #b20223; --bww-danger-bg: #fdf2f4; /* Spacing (4px base) */ --bww-space-1: 4px; --bww-space-2: 8px; --bww-space-3: 12px; --bww-space-4: 16px; --bww-space-5: 20px; --bww-space-6: 24px; --bww-space-8: 32px; /* Radii */ --bww-radius-sm: 6px; --bww-radius-md: 8px; --bww-radius-lg: 12px; --bww-radius-pill: 20px; /* Shadows */ --bww-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06); --bww-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1); --bww-shadow-focus: 0 0 0 3px rgba(42, 82, 152, 0.15); /* Typography — inherit site fonts */ --bww-text-xs: 11px; --bww-text-sm: 13px; --bww-text-base: 14px; --bww-text-lg: 16px; --bww-text-xl: 18px; --bww-text-2xl: 20px; /* Layout */ --bww-btn-height: 44px; --bww-btn-height-sm: 36px; /* Theme surfaces (light default) */ --bww-theme-mode: light; --bww-surface: #ffffff; --bww-surface-muted: #f8f9fa; --bww-surface-border: #e0e0e0; --bww-table-head-bg: linear-gradient(135deg, #161616 0%, #2a2a2a 100%); --bww-table-head-text: #ffffff; --bww-table-cell-text: #222222; --bww-table-row-stripe: #f8f9fa; --bww-table-row-hover: #f0f1f3; --bww-table-link: #b20223; --bww-table-link-hover: #8a0119; --bww-table-title-link: #222222; --bww-table-title-link-hover: #b20223; --bww-calendar-head-bg: linear-gradient(135deg, #161616 0%, #2a2a2a 100%); --bww-calendar-head-text: #ffffff; --bww-calendar-cell-bg: #ffffff; --bww-calendar-cell-text: #222222; --bww-calendar-cell-muted: #666666; --bww-calendar-cell-border: #e0e0e0; --bww-calendar-today-bg: #fff8e6; --bww-calendar-other-bg: #f8f9fa; --bww-calendar-event-type: #b20223; } /* Explicit theme overrides — set on by headernew.php (darkboard = dark, else light) */ :root[data-bww-theme="dark"] { --bww-theme-mode: dark; --bww-text: #e8e8e8; --bww-text-muted: #a0a0a0; --bww-border: #3a3a3a; --bww-bg-subtle: #242424; --bww-bg-panel: #1e1e1e; --bww-surface: #1a1a1a; --bww-surface-muted: #242424; --bww-surface-border: #3a3a3a; --bww-table-head-bg: linear-gradient(135deg, #0d0d0d 0%, #1f1f1f 100%); --bww-table-head-text: #f0f0f0; --bww-table-cell-text: #e8e8e8; --bww-table-row-stripe: #222222; --bww-table-row-hover: #2e2e2e; --bww-table-link: #ff7a8a; --bww-table-link-hover: #ff9aa6; --bww-table-title-link: #f0f0f0; --bww-table-title-link-hover: #ff7a8a; --bww-calendar-head-bg: linear-gradient(135deg, #0d0d0d 0%, #1f1f1f 100%); --bww-calendar-head-text: #f0f0f0; --bww-calendar-cell-bg: #1a1a1a; --bww-calendar-cell-text: #e8e8e8; --bww-calendar-cell-muted: #a0a0a0; --bww-calendar-cell-border: #3a3a3a; --bww-calendar-today-bg: #3d3420; --bww-calendar-other-bg: #242424; --bww-calendar-event-type: #ff7a8a; } :root[data-bww-theme="light"] { --bww-theme-mode: light; --bww-text: #222222; --bww-text-muted: #666666; --bww-border: #e0e0e0; --bww-bg-subtle: #f8f9fa; --bww-bg-panel: #eff0f2; --bww-surface: #ffffff; --bww-surface-muted: #f8f9fa; --bww-surface-border: #e0e0e0; --bww-table-head-bg: linear-gradient(135deg, #161616 0%, #2a2a2a 100%); --bww-table-head-text: #ffffff; --bww-table-cell-text: #222222; --bww-table-row-stripe: #f8f9fa; --bww-table-row-hover: #f0f1f3; --bww-table-link: #b20223; --bww-table-link-hover: #8a0119; --bww-table-title-link: #222222; --bww-table-title-link-hover: #b20223; --bww-calendar-head-bg: linear-gradient(135deg, #161616 0%, #2a2a2a 100%); --bww-calendar-head-text: #ffffff; --bww-calendar-cell-bg: #ffffff; --bww-calendar-cell-text: #222222; --bww-calendar-cell-muted: #666666; --bww-calendar-cell-border: #e0e0e0; --bww-calendar-today-bg: #fff8e6; --bww-calendar-other-bg: #f8f9fa; --bww-calendar-event-type: #b20223; }