/* Global styles for Prozone demo */
:root {
  --brand-primary: #0d6efd;
  --accent-orange: #f06a2b;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.navbar-dark .navbar-brand span {
  font-weight: 600;
  letter-spacing: .2px;
}

.card {
  border-radius: .75rem;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

.hero .btn-primary {
  box-shadow: 0 8px 20px rgba(13,110,253,.35);
}

footer {
  border-top: 1px solid rgba(0,0,0,.06);
}

/* Login page helpers */
.theme-dark { background: #0f1a22; color: #e7eef5; }
.theme-light { background: #f5f7fa; color: #0f1a22; }
.btn-accent { background: var(--accent-orange); border-color: #a44a1b; color: #fff; }
.btn-accent:hover { filter: brightness(1.05); }

/* Billing dashboard helpers */
.pill { font-weight: 700; }

/* Light theme variants for billing layout */
[data-theme="light"] body { background: #f5f6f8; color: #1b2a33; }
[data-theme="light"] .sidebar { background:#ffffff; border-right-color:#dbe3ea; }
[data-theme="light"] .topbar { background:#ffffff; border-bottom-color:#dbe3ea; }
[data-theme="light"] .pay-card { background:#ffffff; border-color:#dbe3ea; }
[data-theme="light"] .panel { background:#ffffff; border-color:#dbe3ea; }
[data-theme="light"] .theme-toggle { background:#ffffff; border-color:#dbe3ea; }
[data-theme="light"] .side-link { color:#213a49; }
[data-theme="light"] .side-link:hover, [data-theme="light"] .side-link.active { background:#f0f4f7; }