/* ═══════════════════════════════════════════════════════════
   RJ BUSINESS SOLUTIONS — Master Brand Kit Styles
   RJ Blue + White system · Space Grotesk / Inter
   ═══════════════════════════════════════════════════════════ */
:root {
  --rj-blue: #2563eb;
  --rj-sky-blue: #0ea5e9;
  --rj-deep-blue: #1e3a8a;
  --rj-navy: #0f172a;
  --rj-white: #ffffff;
  --rj-soft-white: #f8fafc;
  --rj-light-blue: #eff6ff;
  --rj-border-blue: #bfdbfe;
  --rj-muted-blue: #dbeafe;
  --rj-success: #10b981;
  --rj-warning: #f59e0b;
  --rj-danger: #ef4444;
  --rj-dark-text: #0f172a;
  --rj-muted-text: #475569;
  --font-heading: "Space Grotesk", "Poppins", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "Space Grotesk", ui-monospace, monospace;
  --rj-gradient: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
  --rj-gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e3a8a 55%, #2563eb 100%);
}

body { font-family: var(--font-body); }
h1, h2, h3, h4, .font-heading { font-family: var(--font-heading); }

/* Tabs — RJ primary gradient active state */
.tab-btn { color: #94a3b8; transition: all .15s; }
.tab-btn:hover { color: #f8fafc; background: rgba(37,99,235,.18); }
.tab-btn.active {
  color: #fff;
  background: linear-gradient(135deg, rgba(37,99,235,.35), rgba(14,165,233,.35));
  border: 1px solid rgba(37,99,235,.55);
}

/* RJ gradient utilities */
.rj-gradient { background: var(--rj-gradient); }
.rj-gradient-dark { background: var(--rj-gradient-dark); }
.rj-gradient-text {
  background: var(--rj-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Scrollbars — navy/blue */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #1e3a8a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #2563eb; }