/* ==========================================================================
   MAIN STYLESHEET
   Portfolio Site - 2026 
   Design System: Industrial/Cassette Futurism Aesthetic
   ========================================================================== */

/* ==========================================================================
   GOOGLE FONTS
   JetBrains Mono: Headings, code, monospace elements
   IBM Plex Sans: Body text, readable content
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ==========================================================================
   DESIGN TOKENS
   Custom properties for colors, spacing, typography
   ========================================================================== */
@import url('tokens.css');
@import url('themes.css');

/* ==========================================================================
   BASE STYLES
   Reset, typography foundations, global element styles
   ========================================================================== */
@import url('base.css');

/* ==========================================================================
   LAYOUT SYSTEM
   Container, grid, flexbox utilities, spacing
   ========================================================================== */
@import url('layout.css');

/* ==========================================================================
   COMPONENTS
   Reusable UI components (buttons, cards, navigation, etc.)
   ========================================================================== */
@import url('components.css');