/**
 * Certified Platform - Master CSS Bundle
 * 
 * Single import point for the complete new CSS architecture.
 * Use this in authenticated_base.html when use_new_styling is True.
 * 
 * LOAD ORDER (must be maintained):
 * 1. Design Tokens (variables)
 * 2. Base (reset, typography, utilities)
 * 3. Components (buttons, cards, forms, tables, modals)
 * 4. Layouts (authenticated page structure)
 * 
 * This file imports all layers in the correct order.
 * Individual page CSS should be loaded AFTER this bundle.
 */

/* ============================================
   LAYER 1: DESIGN TOKENS
   Single source of truth for all values
   ============================================ */
@import url('/static/css/tokens/design-tokens.css');

/* ============================================
   LAYER 2: BASE STYLES
   Reset, typography, utilities
   ============================================ */
@import url('/static/css/base/reset.css');
@import url('/static/css/base/typography.css');
@import url('/static/css/base/utilities.css');

/* ============================================
   LAYER 3: COMPONENTS
   Reusable UI components
   ============================================ */
@import url('/static/css/components/buttons.css');
@import url('/static/css/components/cards.css');
@import url('/static/css/components/forms.css');
@import url('/static/css/components/tables.css');
@import url('/static/css/components/modals.css');
@import url('/static/css/components/calendar.css');
@import url('/static/css/components/context-bar-v2.css');

/* ============================================
   LAYER 4: LAYOUTS
   Page structure and grid systems
   ============================================ */
@import url('/static/css/layouts/authenticated.css');