/* Variables globales para el proyecto */
:root {
  --color-primary: #356045;
  --color-accent: #327c4d;
  --color-light: #d9ffe7;
  --color-dark: #444444;
  --color-white: #ffffff;
  --color-muted: #8f9296;
  --color-highlight: #4d9c6a;
  --color-warm: rgb(238, 231, 168);
  --color-gray: rgb(140, 140, 140);
  --color-black: #000000;

  /* social / utility colors */
  --color-whatsapp: #00e676;
  --color-pinterest: #e60023;
  --color-twitter: #03a9f4;
  --color-facebook: #3f51b5;
  --color-justeat: #2ab1ce;
  --color-btn-primary: #6859fe;
  /* Tipografía principal ahora Didact Gothic (definida en base.css import) */
  --font-didact: "Didact Gothic", "Trebuchet MS", "Lucida Sans", Arial,
    sans-serif;
  /* usar Didact como fuente principal por defecto */
  --font-sans: var(--font-didact);
  --font-system: "Open Sans", "Lato", sans-serif;

  --container-width: 1024px;

  --radius-md: 8px;
  --shadow-sm: 2px 2px 5px rgba(0, 0, 0, 0.5);

  --btn-size: 130px;

  --base-font-size: 16px;
  /* Tonalidad minimalista: blancos y negros adicionales */
  --color-bg: var(--color-white);
  --color-text: #111111;

  /* Nuevos colores solicitados */
  --aquamarine: #aafac8ff;
  --dark-slate-grey: #255957ff;
  --silver: #bbc8caff;
  --taupe-grey: #7a6263ff;
  --mauve-shadow: #5e4c5aff;
  /* Colores adicionales convertidos a variables */
  --almost-white: #fbfbfb;
  --neutral-mid: #585858;
  --neutral-very-dark: #1f2022;
  --danger: #f44336;
  --cta-blue: #5e7fdc;
  --muted-light: #d1d2d2;
  --muted-dark: #5c666b;
}