/* ==========================================================================
   MB SAFETY THEME — Website / Customer Portal
   ========================================================================== */

:root {
  --orbit-accent: #e35d17;
  --orbit-accent-2: #c9540f;
  --orbit-accent-dark: #a8440c;
  --orbit-accent-light: #fbe9de;
  --orbit-ink: #1c1e1a;
  --orbit-muted: #6c7066;
  --orbit-canvas: #f5f4f1;
  --orbit-surface: #ffffff;
  --orbit-border: #e2e0da;
}

body {
  font-family: var(--orbit-font, 'Inter', sans-serif);
  color: var(--orbit-ink);
  background: var(--orbit-canvas);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--orbit-font, 'Inter', sans-serif);
  font-weight: 700;
  color: var(--orbit-ink);
}
a { color: var(--orbit-accent-dark); }
a:hover { color: var(--orbit-accent-2); }

.navbar, .website-navbar {
  background: var(--orbit-surface);
  border-bottom: 1px solid var(--orbit-border);
  box-shadow: none;
}

.btn-primary {
  background: var(--orbit-accent);
  border-color: var(--orbit-accent);
  border-radius: 8px;
  color: #fff;
}
.btn-primary:hover { background: var(--orbit-accent-2); border-color: var(--orbit-accent-2); }
.btn { border-radius: 8px; font-weight: 600; }

.card, .frappe-card, .portal-sidebar {
  background: var(--orbit-surface);
  border: 1px solid var(--orbit-border);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(20, 20, 15, 0.04), 0 2px 6px rgba(20, 20, 15, 0.05);
}

.table thead th {
  color: var(--orbit-muted);
  font-weight: 700;
  border-bottom: 1px solid var(--orbit-border);
  text-transform: uppercase;
  font-size: 0.7rem;
}

.form-control {
  border-radius: 8px;
  border: 1px solid var(--orbit-border);
}
.form-control:focus {
  border-color: var(--orbit-accent);
  box-shadow: 0 0 0 3px var(--orbit-accent-light);
}

.web-footer {
  background: var(--orbit-surface);
  border-top: 1px solid var(--orbit-border);
  color: var(--orbit-muted);
}