/* RushPay theme variables (admin-customizable) */
:root {
  --rp-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --rp-brand: #FF6B00;
  --rp-brand-hover: #E65100;
  --rp-brand-soft: #FF9248;
  --rp-brand-rgb: 255,107,0;
  --rp-success: #10B981;
  --rp-success-hover: #059669;
  --rp-success-rgb: 16,185,129;
  --rp-danger: #EF4444;
  --rp-danger-rgb: 239,68,68;
  --rp-warning: #FBBF24;
  --rp-info: #38BDF8;
  --rp-bg-deep: #1D1B1B;
  --rp-bg-elevated: #201E1E;
  --rp-surface: #1A1A1A;
  --rp-text: #FFFFFF;
  --rp-text-muted: #B8BCC8;
  --rp-border: rgba(255,255,255,0.050);
  --rp-glass-bg: rgba(255,255,255,0.030);
  --rp-glass-border: rgba(255,255,255,0.050);
  --rp-radius-lg: 18px;
  --rp-shadow-opacity: 0.5;
  --rp-mirror-strength: 0.1;
  --rp-shadow-card: 0 18px 48px rgba(0,0,0,calc(0.35 + var(--rp-shadow-opacity) * 0.25));
  --rp-shadow-float: 0 12px 32px rgba(var(--rp-brand-rgb), 0.22);

  /* Soft corner washes (rushpay-ui body background — shadow-like coloured light) */
  --rp-ambient-brand-alpha: 0.120;
  --rp-ambient-success-alpha: 0.085;
  --rp-ambient-brand-vmin: 74;
  --rp-ambient-success-vmin: 64;

  /* Legacy aliases used across older templates */
  --primary-orange: var(--rp-brand);
  --dark-orange: var(--rp-brand-hover);
  --light-orange: var(--rp-brand-soft);
  --primary: var(--rp-brand);
  --bs-primary: var(--rp-brand);
  --bs-primary-rgb: var(--rp-brand-rgb);
  --bs-success: var(--rp-success);
  --bs-danger: var(--rp-danger);
  --bs-warning: var(--rp-warning);
  --bs-info: var(--rp-info);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--rp-brand);
  --bs-btn-border-color: var(--rp-brand);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--rp-brand-hover);
  --bs-btn-hover-border-color: var(--rp-brand-hover);
  --bs-btn-active-bg: var(--rp-brand-hover);
  --bs-btn-active-border-color: var(--rp-brand-hover);
  --bs-btn-focus-shadow-rgb: var(--rp-brand-rgb);
}

.btn-success {
  --bs-btn-bg: var(--rp-success);
  --bs-btn-border-color: var(--rp-success);
  --bs-btn-hover-bg: var(--rp-success-hover);
  --bs-btn-hover-border-color: var(--rp-success-hover);
}

.text-muted { color: var(--rp-text-muted) !important; }

.bg-primary { background-color: var(--rp-brand) !important; }
.border-primary { border-color: var(--rp-brand) !important; }