/* CSS Variables - Design System Foundation */
/* Generated by Golem - Phase 1: CSS Foundation */

:root {
  /* Color Palette */
  --navbar-color: #5B90BF;
  --sidebar-color: #344A5D;
  --primary-color: #5B90BF;
  --success-color: #5BA672;
  --info-color: #6BA8CD;
  --warning-color: #D4A945;
  --danger-color: #C85A5A;
  --light-bg: #F8F9FA;
  --section-header: #4A6B82;
  --border-light: #E3E6EA;
  --text-muted: #6C757D;
  
  /* Layout Dimensions */
  --sidebar-width: 320px;
  --content-padding: 20px;
  --section-padding: 15px;
  --input-gap: 15px;
  --border-radius: 4px;
  
  /* Typography */
  --font-size-h5: 14px;
  --font-size-h6: 12px;
  --font-weight-bold: bold;
  --letter-spacing: 0.5px;
  
  /* Spacing Scale */
  --space-xs: 5px;
  --space-sm: 10px;
  --space-md: 15px;
  --space-lg: 20px;
  --space-xl: 25px;
  
  /* Input Styling */
  --input-border: 1px solid #ddd;
  --input-border-radius: 3px;
  --input-padding: 6px 12px;
  
  /* Animation */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease-in-out;
}