/* ===================================================================
 * Agencia Garvil — Theme override for Paperclip UI
 * Overrides default shadcn/ui variables with Garvil brand palette.
 * Load after the main index-*.css bundle in index.html.
 * =================================================================== */

:root.dark {
  /* Background and surfaces */
  --background: #070B14;
  --foreground: #D0DDF0;

  --card: #141C2B;
  --card-foreground: #D0DDF0;

  --popover: #141C2B;
  --popover-foreground: #D0DDF0;

  /* Primary (brand) */
  --primary: #1557FF;
  --primary-foreground: #FFFFFF;

  /* Secondary */
  --secondary: #1A2540;
  --secondary-foreground: #D0DDF0;

  /* Accent */
  --accent: #00C8FF;
  --accent-foreground: #070B14;

  /* Muted */
  --muted: #1A2540;
  --muted-foreground: #7A8FA8;

  /* Destructive */
  --destructive: #FF4D4F;
  --destructive-foreground: #FFFFFF;

  /* Borders and inputs */
  --border: #1E2D48;
  --input: #1E2D48;
  --ring: #3A76FF;

  /* Charts */
  --chart-1: #1557FF;
  --chart-2: #00C8FF;
  --chart-3: #5B96FF;
  --chart-4: #3A76FF;
  --chart-5: #25D366;

  /* Sidebar (if used) */
  --sidebar: #0A0E17;
  --sidebar-foreground: #D0DDF0;
  --sidebar-primary: #1557FF;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #141C2B;
  --sidebar-accent-foreground: #D0DDF0;
  --sidebar-border: #1E2D48;
  --sidebar-ring: #3A76FF;
}

:root {
  /* Light mode overrides (in case user toggles) */
  --background: #FFFFFF;
  --foreground: #070B14;

  --card: #F5F8FC;
  --card-foreground: #070B14;

  --primary: #1557FF;
  --primary-foreground: #FFFFFF;

  --accent: #00C8FF;
  --accent-foreground: #070B14;

  --border: #D0DDF0;
  --input: #D0DDF0;
  --ring: #1557FF;
}

/* Subtle brand accents */
html.dark body {
  background:
    radial-gradient(circle at 20% 10%, rgba(21, 87, 255, 0.08), transparent 50%),
    radial-gradient(circle at 80% 85%, rgba(0, 200, 255, 0.06), transparent 55%),
    var(--background);
}

/* Headers/logos tweak — give the sidebar brand mark a slight glow on hover */
[data-sidebar] img[alt*="logo" i],
header img[alt*="logo" i] {
  transition: filter 0.2s ease;
}
[data-sidebar] img[alt*="logo" i]:hover,
header img[alt*="logo" i]:hover {
  filter: drop-shadow(0 0 8px rgba(0, 200, 255, 0.4));
}

/* Primary button refinement */
button[data-variant="default"],
.bg-primary {
  background: linear-gradient(135deg, #1557FF, #0A3DB5);
  box-shadow: 0 1px 2px rgba(10, 61, 181, 0.3);
}
button[data-variant="default"]:hover,
.bg-primary:hover {
  background: linear-gradient(135deg, #3A76FF, #1557FF);
}