/** * Main CSS Entry Point for Ambient Clock v2 * Imports all modular stylesheets. * Order: Reset -> Variables -> Base -> Layout -> Components -> Features */ /* Base Styles */ @import url('./base/reset.css'); @import url('./base/variables.css'); @import url('./base/base.css'); /* Layout Styles */ @import url('./layout/layout.css'); /* Component Styles */ @import url('./components/base-element.css'); @import url('./components/controls-panel.css'); @import url('./components/controls-hint.css'); @import url('./components/background-info.css'); @import url('./components/donate.css'); @import url('./components/favorite-toggle.css'); @import url('./components/favorites-panel.css'); /* Separate panel */ @import url('./components/favorites-controls.css'); /* Section in controls */ @import url('./components/next-background-button.css'); @import url('./components/date-element.css'); @import url('./components/clock-element.css'); @import url('./components/toast.css'); @import url('./components/fullscreen-toggle.css'); @import url('./components/control-panel-toggle.css'); @import url('./components/app-title.css'); /* Added App Title */ @import url('./components/youtube-background.css'); /* Added YouTube Background */ /* Feature Styles */ @import url('./features/effects.css'); /* Import Google Fonts (Keep here or move to index.html ) */ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;700&family=Rajdhani:wght@400;700&family=Syncopate:wght@400;700&family=Share+Tech+Mono&family=VT323&display=swap');