:root {
  /* Paleta — validada en brainstorming (mockup palette.html, opción B) */
  --color-sand-light: #F7F3EC;
  --color-sand-mid: #DCCBAE;
  --color-stone-dark: #8C7A5C;
  --color-graphite: #1D1D1F;
  --color-text-secondary: #6E6E73;
  --color-green: #143D25;
  --color-green-hover: #0E2E1A;
  --color-border: #D6CBB4;
  --color-white: #FFFFFF;

  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  --container-max: 1120px;
}
