/* =========================================================================
   PROXVALE — azul marino #0C1154 + amarillo huevo #E0A727.
   Sobrescribe los tokens que `globals.css` define para SET. Se carga con un
   <link> en el layout raíz (después de globals.css), así que gana por orden.
   Solo colores de marca: el radio y la tipografía los sigue mandando la app.

   Claro: el azul manda (primary) y el amarillo es el acento/foco.
   Oscuro: se invierten los papeles — sobre fondo azul profundo el amarillo es
   lo único que contrasta, así que pasa a ser el primary.
   ========================================================================= */

:root {
  --background: #ffffff;
  --foreground: #0c1154;

  --card: #ffffff;
  --card-foreground: #0c1154;

  --popover: #ffffff;
  --popover-foreground: #0c1154;

  /* Azul PROXVALE */
  --primary: #0c1154;
  --primary-foreground: #ffffff;

  --secondary: #f1f2f8;
  --secondary-foreground: #0c1154;

  --muted: #f1f2f8;
  --muted-foreground: #5b6079;

  /* Acento: amarillo huevo muy diluido, para hovers/estados suaves */
  --accent: #fdf3de;
  --accent-foreground: #8a6410;

  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: #ffffff;

  --warning: oklch(0.828 0.15 84);
  --warning-foreground: oklch(0.35 0.09 60);

  --success: oklch(0.72 0.16 155);
  --success-foreground: #ffffff;

  --border: #dddfea;
  --input: #dddfea;
  --ring: #e0a727;

  --chart-1: #0c1154;
  --chart-2: #e0a727;
  --chart-3: #3b4488;
  --chart-4: #f0c662;
  --chart-5: #8a90b3;

  --sidebar: #fafafd;
  --sidebar-foreground: #0c1154;
  --sidebar-primary: #0c1154;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #eff0f7;
  --sidebar-accent-foreground: #0c1154;
  --sidebar-border: #dddfea;
  --sidebar-ring: #e0a727;

  /* Degradado del panel de marca del login */
  --brand-gradient-from: #0c1154;
  --brand-gradient-via: #1e2a78;
  --brand-gradient-to: #060927;
}

.dark {
  --background: #0b0e2a;
  --foreground: #edeef5;

  --card: #131737;
  --card-foreground: #edeef5;

  --popover: #131737;
  --popover-foreground: #edeef5;

  /* Sobre azul profundo el amarillo es el que contrasta */
  --primary: #e0a727;
  --primary-foreground: #0c1154;

  --secondary: #1c2148;
  --secondary-foreground: #edeef5;

  --muted: #1c2148;
  --muted-foreground: #a2a7c4;

  --accent: #232a5c;
  --accent-foreground: #f0c662;

  --destructive: oklch(0.65 0.2 25);
  --destructive-foreground: #ffffff;

  --warning: oklch(0.828 0.15 84);
  --warning-foreground: oklch(0.25 0.05 60);

  --success: oklch(0.72 0.16 155);
  --success-foreground: oklch(0.2 0.02 155);

  --border: #262c58;
  --input: #262c58;
  --ring: #e0a727;

  --chart-1: #e0a727;
  --chart-2: #7f89d4;
  --chart-3: #ffffff;
  --chart-4: #f0c662;
  --chart-5: #a2a7c4;

  --sidebar: #0b0e2a;
  --sidebar-foreground: #edeef5;
  --sidebar-primary: #e0a727;
  --sidebar-primary-foreground: #0c1154;
  --sidebar-accent: #1c2148;
  --sidebar-accent-foreground: #edeef5;
  --sidebar-border: #262c58;
  --sidebar-ring: #e0a727;

  /* En oscuro el primary es el amarillo, pero el panel de marca sigue siendo
     azul: se fija el arranque en vez de heredarlo. */
  --brand-gradient-from: #1b2472;
  --brand-gradient-via: #101740;
  --brand-gradient-to: #05060f;
}