/* === Reset === */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: #1A1A1A;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, svg {
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

ul, ol {
  list-style: none;
}

button {
  font-family: inherit;
  cursor: pointer;
}

/* === CSS Custom Properties === */
:root {
  /* Landing palette */
  --teal: #1B4D4D;
  --bg-light: #FAFAFA;
  --text: #1A1A1A;
  --text-muted: #717171;
  --border: #E8E8E8;
  --green: #2D8A5F;
  --sand: #D4A574;

  /* Propuesta palette */
  --p-primary: #2D5A4A;
  --p-teal-mid: #5A9B8A;
  --p-accent: #D4A574;
  --p-success: #22C55E;
  --p-warning: #F59E0B;
  --p-error: #EF4444;
  --p-dark: #2D3436;
  --p-gray: #636E72;
  --p-gray-light: #B2BEC3;
  --p-border: #E0E7E4;
  --p-bg: #F6F9F7;
  --p-white: #FFFFFF;
  --p-pastel: #EDF3F0;
}