/*!
 * Hugues de Pingon - Portfolio Website
 * Final Fantasy Crystal Chronicles Style Character Sheet
 *
 * Modular CSS Architecture
 * Author: Hugues William Brentone de Pingon
 * Version: 2.0 (Refactored)
 *
 * This stylesheet has been refactored into smaller, manageable modules
 * for better organization and maintainability.
 *
 * ========================================
 * QUICK REFERENCE: LAYERING SYSTEM
 * ========================================
 *
 * The character sheet uses a multi-layer overlay system:
 *
 * LAYER 1 - Main Background (Parchment)
 *   Location: css/base.css (body element)
 *   - Base color: #9c8e72 (parchment-bg)
 *   - Red dot pattern
 *   - Horizontal lines
 *
 * LAYER 2 - Khaki/Green Diagonal Grid Overlay
 *   Location: css/base.css (body element)
 *   - Color: #78c9a3 (khaki/jade green)
 *   - 45deg and -45deg diagonal lines
 *   - Creates diamond checkered pattern
 *
 * LAYER 3 - Section-Specific Overlays
 *   Header (css/header.css):
 *     LAYER 3A: Dark burgundy base (#643030)
 *     LAYER 3B: Diagonal gold lines (rgba(184, 134, 11, 0.1))
 *     LAYER 3C: Inner gold border frame
 *
 * For detailed documentation, see:
 * - css/base.css (lines 6-30)
 * - css/header.css (lines 6-24)
 * - css/layout.css (lines 6-12)
 * ========================================
 */

/* ========================================
   MODULE IMPORTS
   Import all CSS modules in the correct order
   ======================================== */

/* Base Styles - CSS Variables, Resets, Global Styles */
@import url('css/base.css');

/* Layout - Character Sheet Container and Main Structure */
@import url('css/layout.css');

/* Header - Character Header Section and Portrait */
@import url('css/header.css');

/* Navigation - Tab Navigation and All Nav Elements */
@import url('css/navigation.css');

/* Profile - Profile Content and About Section */
@import url('css/profile.css');

/* Education - Education Cards, Timeline, Academic Stats */
@import url('css/education.css');

/* Experience - Experience Cards and Progression */
@import url('css/experience.css');

/* Portfolio - Portfolio Grid and Project Cards */
@import url('css/portfolio.css');

/* Skills - Skills Sections, Attributes, Languages */
@import url('css/skills.css');

/* Contact - Contact Tab, Quest Forms, Social Platforms */
@import url('css/contact.css');

/* Workshop - Workshop Section and Seal Button */
@import url('css/workshop.css');

/* Workshop Achievements - Card Pattern Secret Achievements */
@import url('css/workshop-achievements.css');

/* Chronicles - Gamified Blog Section */
@import url('css/chronicles.css');

/* Animations - All Keyframe Animations */
@import url('css/animations.css');

/* Achievements - Secret Achievements and Easter Eggs */
@import url('css/achievements.css');

/* Lazy Loading - Performance optimizations for media */
@import url('css/lazy-load.css');

/* Responsive - All Media Queries for Different Screen Sizes */
@import url('css/responsive.css');

/*!
 * End of Stylesheet
 * All styles are now organized into modular files located in the /css/ directory
 *
 * File Structure:
 * - base.css:         CSS variables, resets, global styles
 * - layout.css:       Main container and content area structure
 * - header.css:       Character header and portrait styles
 * - navigation.css:   All navigation elements
 * - profile.css:      Profile/About tab content
 * - education.css:    Education cards, timeline, academic stats
 * - experience.css:   Experience cards and progression
 * - portfolio.css:    Portfolio grid and project cards
 * - skills.css:       Skills sections, attributes, languages
 * - contact.css:      Contact tab, quest forms, social platforms
 * - workshop.css:     Workshop section and seal button
 * - workshop-achievements.css: Workshop card pattern achievements
 * - animations.css:   All keyframe animations
 * - achievements.css: Secret achievements and Easter eggs
 * - lazy-load.css:    Performance optimizations for media
 * - responsive.css:   Media queries for responsive design
 */