/**
 * Workshopr Planner - Modular CSS Entry Point
 *
 * This file imports all modular CSS files in the correct order.
 * Import this single file instead of the monolithic planner-v2.css
 *
 * Structure:
 * 1. Base - Variables, reset, typography
 * 2. Layouts - Page structure, grids
 * 3. Components - Reusable UI components
 */

/* ========================================
   BASE
   Design tokens and foundational styles
   ======================================== */
@import './base/_variables.css';
@import './base/_reset.css';

/* ========================================
   LAYOUTS
   Page structure and grid systems
   ======================================== */
@import './layouts/_planner.css';

/* ========================================
   SHARED COMPONENT LIBRARY
   Workshopr UI components (ws-* classes)
   ======================================== */
@import '/includes/components/components.css';

/* ========================================
   COMPONENTS
   Reusable UI components
   ======================================== */
@import './components/_topbar.css';
@import './components/_sidebar.css';
@import './components/_cards.css';
@import './components/_buttons.css';
@import './components/_modals.css';

/* ========================================
   COMPONENT BRIDGE
   Maps ws-* components to planner theme
   ======================================== */
@import './components/_component-bridge.css';

/* ========================================
   LEGACY OVERRIDES
   Temporary styles during migration
   TODO: Remove after full migration
   ======================================== */

/* Color aliases for legacy code */
:root {
  /* Legacy color variables still used in JS */
  --color-exercise: var(--planner-exercise-color);
  --color-icebreaker: var(--planner-icebreaker-color);
  --color-break: var(--planner-break-color);
  --color-on-track: var(--planner-success);
  --color-warning: var(--planner-warning);
  --color-overtime: var(--planner-error);
}