/* ═══════════════════════════════════════════════════════════
   CSS VARIABLES - TLDC-LGU System
   All color, spacing, and design tokens
   ═══════════════════════════════════════════════════════════ */

:root {
  /* Colors - Primary */
  --orange: #f57c00;
  --orange-dark: #e65100;
  --orange-light: #ff9800;
  
  /* Colors - Secondary */
  --green: #2e7d32;
  --green-light: #43a047;
  --navy: #1a237e;
  --blue: #1565c0;
  
  /* Colors - Text */
  --text-dark: #1a1a2e;
  --text-mid: #37474f;
  --text-light: #757575;
  
  /* Colors - Background */
  --gray-bg: #f5f7fa;
  --white: #ffffff;
  
  /* Shadows */
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.09);
  --card-hover: 0 12px 36px rgba(0, 0, 0, 0.16);
  --button-shadow: 0 4px 14px rgba(245, 124, 0, 0.4);
  
  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  
  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 50px;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Typography */
  --font-primary: 'Poppins', sans-serif;
  --font-secondary: 'Inter', sans-serif;
  
  /* Z-index layers */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}