Files
cs249r_book/_brand/tokens.scss
Vijay Janapa Reddi afabe9ae6d style(collabs): change accent from purple to deep blue, fix card headers
- Update colabs-accent from #7D3C98 (purple) to #2563EB (deep blue)
- Add override to remove section header styling from card headers
- Card headers (journey-card, topic-card, g-col-6) now display large without left border
2025-12-30 23:06:33 -05:00

34 lines
1.2 KiB
SCSS

// =============================================================================
// MLSYSBOOK BRAND TOKENS
// =============================================================================
// Shared design tokens for the MLSysBook ecosystem
// Import this file in each project's stylesheet
// =============================================================================
// Brand Colors
$brand-crimson: #A51C30; // Harvard crimson - primary brand
$brand-dark: #1a1a1a;
$brand-light: #f8f9fa;
$brand-white: #ffffff;
// Product Accent Colors
$textbook-accent: #A51C30; // Harvard crimson - academic, brand
$kits-accent: #148F77; // Teal - hardware, practical
$tinytorch-accent: #D4740C; // Amber - builder, warm
$colabs-accent: #2563EB; // Deep blue - interactive, exploratory
// Typography
$brand-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
$brand-font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
// Spacing
$brand-radius-sm: 4px;
$brand-radius-md: 8px;
$brand-radius-lg: 12px;
$brand-spacing: 0.5rem;
// Shadows
$brand-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
$brand-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
$brand-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.1);