/*
 * Copyright (c) 2026 Troy Scott
 * All rights reserved.
 * 
 * Main CSS Entry Point
 * This file imports all modular stylesheets in the correct order
 */

/* Core Foundation */
@import url('variables.css');    /* CSS custom properties */
@import url('base.css');          /* Reset and base styles */

/* Layout Components */
@import url('splash.css');        /* Splash screen */
@import url('header.css');        /* Site header and navigation */
@import url('menus.css');         /* Dropdown menus */
@import url('drawer.css');        /* Bottom drawer */
@import url('map.css');           /* Map container */

/* UI Components */
@import url('forms.css');         /* Form elements and inputs */
@import url('waypoints.css');      /* Waypoint interface */
@import url('dialogs.css');       /* Modal dialogs and overlays */
@import url('notifications.css'); /* Toast notifications and alerts */
@import url('tables.css');        /* Data tables */
@import url('layers.css');        /* Route/GPX layer controls */

/* Responsive Behavior */
@import url('responsive.css');    /* Media queries */

/* z-index Scale */
:root {
  --z-map: 1;
  --z-drawer: 100;
  --z-drawer-toggle-btn: 150;
  --z-menu: 300;
  --z-modal: 600;
  --z-toast: 900;
  --z-splash: 1000;
}