/* css/global.css - Updated with Way colors */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

:root {
  /* Way Brand Colors */
  --way-primary: #2E7D32;        /* Deep Islamic Green */
  --way-primary-light: #4CAF50;   /* Lighter Green */
  --way-primary-dark: #1B5E20;    /* Dark Green */
  --way-secondary: #FFD700;       /* Warm Gold */
  --way-secondary-light: #FFE55C; /* Light Gold */
  --way-secondary-dark: #B8860B;  /* Dark Gold */
  --way-white: #FFFFFF;           /* Pure White */
  --way-off-white: #F8F9FA;       /* Off White */
  --way-gray-50: #F5F5F5;
  --way-gray-100: #EEEEEE;
  --way-gray-200: #E0E0E0;
  --way-gray-300: #BDBDBD;
  --way-gray-400: #9E9E9E;
  --way-gray-500: #757575;
  --way-gray-600: #616161;
  --way-gray-700: #424242;
  --way-gray-800: #212121;
  --way-gray-900: #1a1a1a;
  
  /* Status Colors */
  --way-success: #4CAF50;
  --way-warning: #FFC107;
  --way-error: #D32F2F;
  --way-info: #2196F3;
  
  /* Gradients */
  --way-gradient-primary: linear-gradient(145deg, var(--way-primary), var(--way-primary-dark));
  --way-gradient-gold: linear-gradient(145deg, var(--way-secondary), var(--way-secondary-dark));
  --way-gradient-success: linear-gradient(145deg, #4CAF50, #2E7D32);
}

body {
  background-color: var(--way-off-white);
  min-height: 100vh;
  color: var(--way-gray-800);
}

.layout {
  display: flex;
  padding-top: 70px;
  min-height: 100vh;
  transition: filter 0.3s ease;
}

body.auth-blurred .layout {
  filter: blur(4px);
  pointer-events: none;
}

body.auth-blurred #main-header {
  filter: blur(4px);
  pointer-events: none;
}

/* Utility Classes */
.text-primary { color: var(--way-primary); }
.text-secondary { color: var(--way-secondary); }
.text-success { color: var(--way-success); }
.text-warning { color: var(--way-warning); }
.text-error { color: var(--way-error); }

.bg-primary { background-color: var(--way-primary); }
.bg-secondary { background-color: var(--way-secondary); }
.bg-success { background-color: var(--way-success); }
.bg-warning { background-color: var(--way-warning); }
.bg-error { background-color: var(--way-error); }

.gradient-primary { background: var(--way-gradient-primary); }
.gradient-gold { background: var(--way-gradient-gold); }
.gradient-success { background: var(--way-gradient-success); }

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--way-gray-100);
}

::-webkit-scrollbar-thumb {
  background: var(--way-primary-light);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--way-primary);
}

/* Responsive */
@media (max-width: 768px) {
  .layout {
    padding-top: 60px;
  }
}