@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,700;1,400&display=swap');

:root {
  /* === Brand Colors === */
  --color-primary:#86573B;           /* Marrón principal */
  --color-primary-dark:#6B462F;      /* Marrón oscuro */
  --color-secondary:#46434A;         /* Gris oscuro */
  --color-secondary-dark:#2F2C33;    /* Gris muy oscuro */
  --color-accent-green:#868140;      /* Verde oliva */
  --color-accent-brown:#B87D5B;      /* Marrón claro */
  --color-accent-yellow:#EBD77D;     /* Amarillo dorado */

  /* Neutrals */
  --color-dark:#1a1a1a;
  --color-gray-dark:#333;
  --color-gray:#666;
  --color-gray-light:#999;
  --color-gray-lighter:#f5f5f5;
  --color-white:#fff;
  --color-black:#000;

  /* Typography */
  --font-primary: 'Jost', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, 
                  Ubuntu, Cantarell, sans-serif;
  --font-heading:'Poppins', var(--font-primary);

  /* Font‑sizes */
  --text-xs:1.2rem;  --text-sm:1.4rem;  --text-base:1.6rem;
  --text-lg:1.8rem;  --text-xl:2rem;    --text-2xl:2.4rem;
  --text-3xl:3.2rem; --text-4xl:4rem;   --text-5xl:4.8rem; --text-6xl:6.4rem;

  /* Spacing */
  --space-xs:0.4rem; --space-sm:0.8rem; --space-md:1.6rem; --space-lg:2.4rem;
  --space-xl:3.2rem; --space-2xl:4.8rem; --space-3xl:6.4rem; --space-4xl:9.6rem;

  /* Layout */
  --container-max:124rem;
  --container-padding:2rem;

  /* Transitions */
  --transition-base:.3s ease;
  --transition-slow:.5s ease;

  /* Shadows */
  --shadow-sm:0 1px 3px rgba(0,0,0,.1);
  --shadow-md:0 4px 6px rgba(0,0,0,.1);
  --shadow-lg:0 10px 15px rgba(0,0,0,.1);
  --shadow-xl:0 20px 25px rgba(0,0,0,.1);

  /* Radius */
  --radius-sm:.4rem; --radius-md:.8rem; --radius-lg:1.2rem; --radius-full:50%;

  /* Z‑index */
  --z-dropdown:100; --z-sticky:200; --z-fixed:300; --z-modal-backdrop:400;
  --z-modal:500;    --z-popover:600; --z-tooltip:700;
}