/* =========================================================================
   Chedraui — naranja #E0832F + azul #0072C2 (tomados del logotipo de 2022).
   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.

   La marca vive en el naranja; el azul queda de acento y foco. El naranja
   exacto del logo con texto blanco da 2.8:1, así que en claro los botones y
   enlaces usan un naranja más profundo (#C25A00, 4.4:1) y el del logo se
   reserva para superficies de marca (login, tarjeta). En oscuro el naranja
   del logo es el primary, con texto oscuro (6:1).
   ========================================================================= */

:root {
  --background: #ffffff;
  --foreground: #2a1a0e;

  --card: #ffffff;
  --card-foreground: #2a1a0e;

  --popover: #ffffff;
  --popover-foreground: #2a1a0e;

  /* Naranja Chedraui, profundizado para que el texto blanco se lea */
  --primary: #c25a00;
  --primary-foreground: #ffffff;

  --secondary: #fdf3ea;
  --secondary-foreground: #2a1a0e;

  --muted: #fbf5ef;
  --muted-foreground: #6f5f52;

  /* Acento: naranja muy diluido, para hovers/estados suaves */
  --accent: #fde9d6;
  --accent-foreground: #8a4206;

  --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: #efe2d6;
  --input: #efe2d6;
  /* Foco en el azul de la marca: sobre un botón naranja, un anillo naranja no se ve */
  --ring: #0072c2;

  --chart-1: #e0832f;
  --chart-2: #0072c2;
  --chart-3: #8a4206;
  --chart-4: #f5b97f;
  --chart-5: #7fb4dd;

  --sidebar: #fffaf5;
  --sidebar-foreground: #2a1a0e;
  --sidebar-primary: #c25a00;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #fdecdc;
  --sidebar-accent-foreground: #2a1a0e;
  --sidebar-border: #efe2d6;
  --sidebar-ring: #0072c2;

  /* Degradado del panel de marca del login: naranja del logo en los dos esquemas */
  --brand-gradient-from: #e0832f;
  --brand-gradient-via: #c25a00;
  --brand-gradient-to: #4a1f00;

  /* Tarjeta de «Mis tarjetas»: naranja de marca con filo blanco */
  --wallet-card-from: #e8913f;
  --wallet-card-to: #9a4300;
  --wallet-card-accent: #ffffff;
}

.dark {
  --background: #15110e;
  --foreground: #f5ede6;

  --card: #1f1915;
  --card-foreground: #f5ede6;

  --popover: #1f1915;
  --popover-foreground: #f5ede6;

  /* Sobre fondo oscuro el naranja del logo contrasta solo; texto oscuro encima */
  --primary: #e0832f;
  --primary-foreground: #1f1006;

  --secondary: #2a221c;
  --secondary-foreground: #f5ede6;

  --muted: #2a221c;
  --muted-foreground: #b5a597;

  --accent: #3a2716;
  --accent-foreground: #f5b97f;

  --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: #3a2f26;
  --input: #3a2f26;
  --ring: #3d9be3;

  --chart-1: #e0832f;
  --chart-2: #3d9be3;
  --chart-3: #ffffff;
  --chart-4: #f5b97f;
  --chart-5: #b5a597;

  --sidebar: #15110e;
  --sidebar-foreground: #f5ede6;
  --sidebar-primary: #e0832f;
  --sidebar-primary-foreground: #1f1006;
  --sidebar-accent: #2a221c;
  --sidebar-accent-foreground: #f5ede6;
  --sidebar-border: #3a2f26;
  --sidebar-ring: #3d9be3;

  /* El panel de marca se queda en el naranja del logo, más sobrio */
  --brand-gradient-from: #c86e1f;
  --brand-gradient-via: #8f4000;
  --brand-gradient-to: #1c0d02;
}