/*
 * PG Management System — Design Token File
 * Skydash-inspired light theme — professional and modern.
 * Font: Overpass (Google Fonts)
 * ─────────────────────────────────────────────────────────────────
 *
 * Primary:    #4B49AC  deep indigo
 * Accent:     #98BDFF  light blue
 * Support 1:  #7DA0FA  medium blue
 * Support 2:  #7978E9  purple-blue
 * Danger:     #F3797E  coral red
 * ─────────────────────────────────────────────────────────────────
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* ── Brand ──────────────────────────────────────── */
  --admin-primary:     #4B49AC;
  --admin-dark:        #3d3c8e;
  --admin-mid:         #7978E9;
  --admin-light:       #98BDFF;
  --admin-gradient:    #4B49AC;             /* header bg — indigo        */
  --admin-red-grad:    #4B49AC;

  /* ── Tenant brand ───────────────────────────────── */
  --tenant-gradient:   #0f172a;
  --tenant-primary:    #34d399;
  --sidebar-bg-tenant: #0f172a;

  /* ── Action / button colors ─────────────────────── */
  --grad-indigo:       #4B49AC;
  --grad-indigo-rev:   #7978E9;
  --grad-red:          #F3797E;
  --grad-green:        #059669;
  --grad-green-dark:   #16a34a;
  --grad-orange:       #FFA500;
  --grad-orange-warm:  #f97316;
  --grad-blue:         #7DA0FA;
  --grad-amber:        #f59e0b;
  --grad-purple:       #7978E9;
  --grad-whatsapp:     #25D366;

  /* ── Gold / accent (receipts, highlights) ───────── */
  --gold:              #4B49AC;
  --gold-orange:       #7978E9;
  --gold-gradient:     #4B49AC;
  --gold-progress:     #7DA0FA;
  --gold-muted:        rgba(255, 255, 255, 0.75);  /* subtitle on indigo header */
  --gold-subtle:       rgba(75, 73, 172, 0.08);

  /* ── UI surfaces ────────────────────────────────── */
  --bg-page:           #f0f3f8;          /* page background           */
  --bg-page-admin:     #f0f3f8;          /* admin page background     */
  --sidebar-bg:        #ffffff;          /* admin sidebar — white     */
  --sidebar-bg-tenant: #0f172a;          /* tenant sidebar — dark     */

  /* ── Text ───────────────────────────────────────── */
  --text-primary:      #343a40;
  --text-secondary:    #6c757d;
  --text-muted:        #9ca3af;

  /* ── Card / border ──────────────────────────────── */
  --card-bg:           #ffffff;
  --card-shadow:       0 2px 10px rgba(0,0,0,0.07);
  --card-radius:       16px;
  --border-color:      #e8ecf0;
}

/* ── Apply Overpass font globally ───────────────────── */
body, input, select, textarea, button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}