/* QuantumPay (qpay) Tenant Custom Styles */
/* Paleta de marca:
   #b2e3fd (290 C)  azul claro
   #5989fa (2718 C) azul
   #3d30bc (2369 C) índigo  ← primario
   #5d24e7 (266 C)  violeta ← ring / degradado logo
   #dda26d (721 C)  tan
   #f3cd1e (604 C)  dorado  ← acento/warning */

:root {
  --radius: 0.625rem;

  --background: oklch(1 0 0);
  --foreground: oklch(0.2 0.06 285);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.2 0.06 285);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.2 0.06 285);
  --primary: #3d30bc; /* índigo */
  --primary-foreground: oklch(1 0 0);
  --secondary: #b2e3fd; /* azul claro */
  --secondary-foreground: #17124f;
  --muted: oklch(0.96 0.015 275);
  --muted-foreground: oklch(0.5 0.05 285);
  --accent: #ece9fb; /* tinte violeta suave */
  --accent-foreground: #3d30bc;
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: hsl(210 40% 98%);
  --warning: #f3cd1e; /* dorado */
  --warning-foreground: #7a5b00;
  --border: oklch(0.9 0.02 275);
  --input: oklch(0.9 0.02 275);
  --ring: #5d24e7; /* violeta */
  --chart-1: #3d30bc;
  --chart-2: #5989fa;
  --chart-3: #5d24e7;
  --chart-4: #f3cd1e;
  --chart-5: #dda26d;
  --sidebar: hsl(0, 0%, 98%);
  --sidebar-foreground: oklch(0.2 0.06 285);
  --sidebar-primary: #3d30bc;
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: #eceafb;
  --sidebar-accent-foreground: #3d30bc;
  --sidebar-border: oklch(0.9 0.02 275);
  --sidebar-ring: #5d24e7;
}

.dark {
  --background: #16123a; /* índigo profundo */
  --foreground: #e6e3fb;
  --card: #221a58;
  --card-foreground: #e6e3fb;
  --popover: #221a58;
  --popover-foreground: #e6e3fb;
  --primary: #9b8bff; /* violeta claro para dark */
  --primary-foreground: #14103a;
  --secondary: #5989fa; /* azul */
  --secondary-foreground: #0e0b2e;
  --muted: #2c2270;
  --muted-foreground: #bcb5e8;
  --accent: #382c8c;
  --accent-foreground: #e6e3fb;
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: hsl(210 40% 98%);
  --warning: #f3cd1e;
  --warning-foreground: #f5e6a8;
  --border: #382c8c;
  --input: #382c8c;
  --ring: #9b8bff;
  --chart-1: #9b8bff;
  --chart-2: #5989fa;
  --chart-3: #b2e3fd;
  --chart-4: #f3cd1e;
  --chart-5: #dda26d;
  --sidebar: #221a58;
  --sidebar-foreground: #e6e3fb;
  --sidebar-primary: #9b8bff;
  --sidebar-primary-foreground: #14103a;
  --sidebar-accent: #382c8c;
  --sidebar-accent-foreground: #e6e3fb;
  --sidebar-border: #382c8c;
  --sidebar-ring: #9b8bff;
}