/* NutriLoPets — tema de la landing.
   Variables definidas por Juan el 14 de septiembre de 2026 (tema estilo
   shadcn). Se copian tal cual; el bloque "@theme inline" del original es
   sintaxis de Tailwind y no aplica en HTML simple, por eso no está aquí.
   El modo oscuro (.dark) queda disponible pero no se activa: la landing es
   clara. */

:root {
  --card: #f5f4ef;
  --ring: #1f6f4e;
  --input: #b4b2a7;
  --muted: #ede9de;
  --accent: #e9e6dc;
  --border: #dad9d4;
  --radius: 1rem;
  --chart-1: #1f6f4e;
  --chart-2: #9c87f5;
  --chart-3: #ded8c4;
  --chart-4: #dbd3f0;
  --chart-5: #19583b;
  --popover: #ffffff;
  --primary: #1f6f4e;
  --sidebar: #f5f4ee;
  --spacing: 0.25rem;
  --font-mono: Geist Mono, ui-monospace, monospace;
  --font-sans: Outfit, sans-serif;
  --secondary: #e9e6dc;
  --background: #faf9f5;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --foreground: #3d3929;
  --destructive: #141413;
  --shadow-blur: 3px;
  --shadow-color: oklch(0 0 0);
  --sidebar-ring: #b5b5b5;
  --shadow-spread: 0px;
  --letter-spacing: 0em;
  --shadow-opacity: 0.1;
  --sidebar-accent: #e9e6dc;
  --sidebar-border: #ebebeb;
  --card-foreground: #141413;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --sidebar-primary: #c96442;
  --muted-foreground: #6e6d68;
  --accent-foreground: #28261b;
  --popover-foreground: #28261b;
  --primary-foreground: #ffffff;
  --sidebar-foreground: #3d3d3a;
  --secondary-foreground: #535146;
  --destructive-foreground: #ffffff;
  --sidebar-accent-foreground: #343434;
  --sidebar-primary-foreground: #fbfbfb;
}

.dark {
  --card: #2c2c2b;
  --ring: #17ab6d;
  --input: #52514a;
  --muted: #1b1b19;
  --accent: #1a1915;
  --border: #3e3e38;
  --radius: 1rem;
  --chart-1: #17ab6d;
  --chart-2: #9c87f5;
  --chart-3: #1a1915;
  --chart-4: #2f2b48;
  --chart-5: #126e47;
  --popover: #30302e;
  --primary: #17ab6d;
  --sidebar: #1f1e1d;
  --spacing: 0.25rem;
  --font-mono: Geist Mono, ui-monospace, monospace;
  --font-sans: Outfit, sans-serif;
  --secondary: #faf9f5;
  --background: #262624;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --foreground: #f1f1ef;
  --destructive: #ef4444;
  --shadow-blur: 3px;
  --shadow-color: oklch(0 0 0);
  --sidebar-ring: #b5b5b5;
  --shadow-spread: 0px;
  --letter-spacing: 0em;
  --shadow-opacity: 0.1;
  --sidebar-accent: #0f0f0e;
  --sidebar-border: #ebebeb;
  --card-foreground: #faf9f5;
  --shadow-offset-x: 0;
  --shadow-offset-y: 1px;
  --sidebar-primary: #343434;
  --muted-foreground: #b7b5a9;
  --accent-foreground: #f5f4ee;
  --popover-foreground: #e5e5e2;
  --primary-foreground: #141413;
  --sidebar-foreground: #c3c0b6;
  --secondary-foreground: #30302e;
  --destructive-foreground: #ffffff;
  --sidebar-accent-foreground: #c3c0b6;
  --sidebar-primary-foreground: #fbfbfb;
}

/* Alias que usa la landing, derivados del tema. */
:root {
  --primary-dark: var(--chart-5);                       /* hover, pie, barra fija */
  --warm: var(--sidebar-primary);                       /* acento cálido: chip 48 a 72 h */
  --warm-foreground: var(--sidebar-primary-foreground);
  --sand: var(--chart-3);                               /* texto suave sobre verde */
  --radius-sm: calc(var(--radius) - 0.375rem);
  --shadow-sm: var(--shadow-offset-x) var(--shadow-offset-y) var(--shadow-blur) var(--shadow-spread) oklch(0 0 0 / var(--shadow-opacity));
  --shadow-md: var(--shadow-sm), 0 12px 32px -10px oklch(0 0 0 / 0.14);
}

/* Extensión de la guía visual que pasó Juan el 15 de septiembre de 2026
   (referencia "Good Booy"): marco verde profundo, lima como acento, hoja
   crema, tarjetas pastel y titulares en mayúsculas. Conviven con el tema:
   --primary sigue para verdes medios y hover. */
:root {
  --green-deep: #0f4b35;   /* marco de página, franjas, titulares, botones */
  --green-ink: #0b3a29;    /* hover del verde profundo */
  --lime: #cfe654;         /* hero y botones sobre verde */
  --lime-soft: #e2ef92;    /* tarjetas y chips claros */
  --sheet: #f3efe4;        /* hoja crema del contenido */
  --sun: #f4e7a4;          /* tarjeta pastel amarilla */
  --peach: #f9dab6;        /* tarjeta pastel durazno */
  --mint: #d8ecd7;         /* tarjeta pastel verde */
}