:root {
  --zulu-color-primary: #091253;
  --zulu-color-secondary: #172554;
  --zulu-color-accent: #2563eb;
  --zulu-color-surface: #ffffff;
  --zulu-color-canvas: #f8fafc;
  --zulu-color-text: #0f172a;
  --zulu-color-muted: #64748b;
  --zulu-color-border: #e2e8f0;
  --zulu-color-success: #15803d;
  --zulu-color-warning: #b45309;
  --zulu-color-danger: #b91c1c;
  --zulu-color-header: #111827;
  --zulu-color-header-border: #1f2937;
  --zulu-color-sidebar: #ffffff;
  --zulu-color-sidebar-active: #eef2ff;
  --zulu-login-background: url('/tenant-assets/default/public/images/login/background-1.jpg');
  --zulu-radius-sm: 7px;
  --zulu-radius-md: 12px;
  --zulu-radius-lg: 18px;
  --zulu-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --zulu-shadow-md: 0 16px 40px rgba(15, 23, 42, 0.12);
  --zulu-font-sans: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}

body {
  background: var(--zulu-color-canvas);
  color: var(--zulu-color-text);
  font-family: var(--zulu-font-sans);
}

a {
  color: var(--zulu-color-accent);
}

a:hover,
a:focus {
  color: var(--zulu-color-secondary);
}

.btn-primary,
.bg-blue-900,
.label-primary {
  background-color: var(--zulu-color-primary) !important;
  border-color: var(--zulu-color-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--zulu-color-secondary) !important;
  border-color: var(--zulu-color-secondary) !important;
}

.panel,
.modal-content,
.dropdown-menu {
  border-color: var(--zulu-color-border);
  border-radius: var(--zulu-radius-md);
  box-shadow: var(--zulu-shadow-sm);
}

.form-control {
  border-color: var(--zulu-color-border);
  border-radius: var(--zulu-radius-sm);
}

.form-control:focus {
  border-color: var(--zulu-color-accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.site-navbar,
.site-menubar {
  box-shadow: var(--zulu-shadow-sm);
}

.site-navbar .navbar-container,
.site-menubar {
  background: var(--zulu-color-primary);
}

.page-login-v2 .page-login-main {
  box-shadow: var(--zulu-shadow-md);
}

@media print {
  body {
    background: #ffffff;
  }
}
