/* Global base styles for RideAlong employee app */

/* RideAlong Theme Variables */
:root {
  --primary: #E05E1A;
  --secondary: #1A2942;
  --white: #FFFFFF;
  --gray-50: #F8F9FA;
  --gray-100: #F1F3F4;
  --gray-200: #E9ECEF;
  --gray-300: #DEE2E6;
  --gray-400: #CED4DA;
  --gray-500: #ADB5BD;
  --gray-600: #6C757D;
  --gray-700: #495057;
  --gray-800: #343A40;
  --gray-900: #212529;
  --success: #28A745;
  --danger: #DC3545;
  --warning: #FFC107;
  --info: #17A2B8;
  --dark: #343A40;
  --light: #F8F9FA;

  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background: var(--gray-50);
  color: var(--gray-900);
}

a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover { filter: brightness(0.95); }

.card { box-shadow: var(--shadow-sm); }
.card:hover { box-shadow: var(--shadow-md); }

.container-tight { max-width: 960px; margin: 0 auto; }

.muted { color: var(--gray-500); }
