/*
 * This is a manifest file for the Clocky application styles.
 * Organized according to SMACSS (Scalable and Modular Architecture for CSS)
 *
 * MVPA.css provides:
 * - Classless semantic HTML styling
 * - OKLCH color system with 4 themes (selenized_light, selenized_dark, white, black)
 * - Automatic dark mode support via data-color-scheme="system"
 * - Rails Turbo animations
 * - Form, button, and table styling
 */

/* Base: MVPA.css framework */
@import url("/assets/mvpa/mvpa-5d6e5b90.css");

/* Base: Core styles */
@import url("/assets/base/core-6ec97f27.css");

/* Base: Responsive design */
@import url("/assets/base/responsive-d0867bc3.css");

/* Layout: Major page sections */
@import url("/assets/layout/dashboard-1c6946a9.css");
@import url("/assets/layout/statistics-8a4676bc.css");
@import url("/assets/layout/habits-05741bfc.css");

/* Modules: Reusable components */
@import url("/assets/modules/chart-c450e4e6.css");
@import url("/assets/modules/timeline-52be0a58.css");
@import url("/assets/modules/stat-f8364dfd.css");
@import url("/assets/modules/timer-142bc2e1.css");
@import url("/assets/modules/buttons-eb79ea41.css");
@import url("/assets/modules/week-navigation-cd582353.css");
@import url("/assets/modules/warnings-b2e8b32a.css");

/* State: State-based styles */
@import url("/assets/state/inactive-a93a0112.css");
@import url("/assets/state/unverified-027f99fe.css");