/* ProxCard Tenant Custom Styles */
/* Color Palette: #0D1156 (primary dark blue) and #B2AAF1  */
/* Tu dinero, sin complicaciones */

:root {
  --radius: 0.625rem;

  /* Theme Colors using ProxCard palette */
  --background: oklch(1 0 0);
  --foreground: oklch(0.08 0.15 264);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.08 0.15 264);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.08 0.15 264);
  --primary: oklch(23.715% 0.12055 270.375); /* #0D1156 */
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(77.068% 0.10079 288.958); /* #B2AAF1 */
  --secondary-foreground: oklch(0.08 0.15 264);
  --muted: oklch(77.068% 0.10079 288.958 / 0.137);
  --muted-foreground: oklch(0.5 0.08 264);
  --accent: oklch(77.068% 0.10079 288.958 / 0.142);
  --accent-foreground: oklch(0.08 0.15 264);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: hsl(210 40% 98%);
  --warning: oklch(0.8 0.2 80);
  --warning-foreground: oklch(0.6 0.15 75);
  --border: oklch(0.9 0.02 264);
  --input: oklch(0.9 0.02 264);
  --ring: oklch(77.068% 0.10079 288.958);
  --chart-1: oklch(0.08 0.15 264);
  --chart-2: oklch(0.8 0.08 264);
  --chart-3: oklch(0.6 0.1 264);
  --chart-4: oklch(0.4 0.12 264);
  --chart-5: oklch(0.2 0.14 264);
  --sidebar: hsl(0, 0%, 98%);
  --sidebar-foreground: oklch(0.08 0.15 264);
  --sidebar-primary: oklch(0.08 0.15 264);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(77.068% 0.10079 288.958 / 0.315);
  --sidebar-accent-foreground: oklch(0.08 0.15 264);
  --sidebar-border: oklch(0.9 0.02 264);
  --sidebar-ring: oklch(77.068% 0.10079 288.958);
}

.dark {
  --background: oklch(23.715% 0.12055 270.375);
  --foreground: #dcdafa;
  --card: #422a88;
  --card-foreground: oklch(0.95 0.02 264);
  --popover: #422a88;
  --popover-foreground: oklch(0.95 0.02 264);
  --primary: #dcdafa; /* #B2AAF1 in dark mode */
  --primary-foreground: oklch(0.08 0.15 264);
  --secondary: oklch(77.068% 0.10079 288.958);
  --secondary-foreground: oklch(0.95 0.02 264);
  --muted: #4f31a6;
  --muted-foreground: oklch(77.068% 0.10079 288.958 / 0.603);
  --accent: oklch(0.8 0.08 264 / 0.35); /* #B2AAF1 */
  --accent-foreground: oklch(100% 0.00011 271.152);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: hsl(210 40% 98%);
  --warning: oklch(0.8 0.2 80);
  --warning-foreground: oklch(0.9 0.15 85);
  --border: oklch(0.8 0.08 264 / 0.35);
  --input: oklch(77.068% 0.10079 288.958);
  --ring: oklch(77.068% 0.10079 288.958);
  --chart-1: oklch(0.8 0.08 264);
  --chart-2: oklch(0.6 0.1 264);
  --chart-3: oklch(0.4 0.12 264);
  --chart-4: oklch(0.7 0.07 280);
  --chart-5: oklch(0.5 0.09 250);
  --sidebar: #422a88;
  --sidebar-foreground: oklch(0.95 0.02 264);
  --sidebar-primary: oklch(77.068% 0.10079 288.958);
  --sidebar-primary-foreground: oklch(0.08 0.15 264);
  --sidebar-accent: oklch(0.8 0.08 264 / 0.35);
  --sidebar-accent-foreground: oklch(0.95 0.02 264);
  --sidebar-border: oklch(0.8 0.08 264 / 0.35);
  --sidebar-ring: oklch(77.068% 0.10079 288.958);
}