/* Stylesheets */

@import url('./movile.css');
@import url('./tablet.css') screen and (min-width: 768px);
@import url('./desktop.css') screen and (min-width: 1024px);

 
/* -----------------------
   PALETA - VARIABLES
------------------------ */
:root {
  --color-bg: #F5F1E5;         /* Fondo claro cálido */
  --color-text: #2D2A26;       /* Gris oscuro elegante */
  --color-terra: #A05429;      /* Terracota */
  --color-yellow: #F5C04E;     /* Amarillo girasol */
  --color-green: #2D5A3E;      /* Verde naturaleza */
  --color-lavender: #CBB9D9;   /* Lavanda suave */
  --color-rose: #D9A3B7;       /* Rosa pálido */
}

/* -----------------------
   RESET + BASE MOBILE
------------------------ */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: 'Helvetica', sans-serif;
  background-color: var(--color-bg);
  color: var(--color-text);
  scroll-behavior: smooth;
}