:root {
   --app-logo: url("/assets/securatecherp/images/logo.png");
  
  /* Brand Colors */
  --brand-blue: #0E2342;
  --brand-grey: #919290;
  --brand-light-grey: #f7f5f5;
  --brand-button-blue: #15419a;
  
  /* Primary & Secondary */
  --primary: #919290;
  --primary-light: #a5a5a3;
  --primary-dark: #7a7a78;
  --secondary: #0E2342;
  
  /* Status Colors */
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --dark: #1e293b;
  
  /* Grey Scale */
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1e293b;
  --gray-900: #0f172a;
  
  /* Styling */
  --border-radius: 8px;
  --border-radius-lg: 8px;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

body {
  font-family: 'Segoe UI', 'Inter', sans-serif ;
  background: var(--gray-50);
  color: var(--gray-800);
  line-height: 1.6;
}