:root {
  /* ==========================================================================
     PALETA OFICIAL WEALL COSTA RICA & ECONOMÍA DEL BIENESTAR
     ========================================================================== */

  /* Verdes de Sistema Vivo (Topografía, Bosque, Transición Ecológica) */
  --color-forest-950: #0D2412;
  --color-forest-900: #13351A;
  --color-forest-850: #1B4522; /* Tono dominante de marca */
  --color-forest-800: #23582D;
  --color-forest-700: #2E6E3A;
  --color-forest-600: #3A8248;
  --color-green-500: #4B9B5A;
  --color-sage-600: #5E9243;
  --color-sage-500: #76A953;
  --color-sage-400: #8FB96A;
  --color-lime-500: #9EC855;
  --color-lime-400: #BED873;
  --color-lime-300: #D5E593;
  --color-lime-100: #EDF4D4;
  --color-lime-50:  #F7FAEC;

  /* Terracota / Ocre Cálido (Suelo Social, Necesidades Humanas, Alertas) */
  --color-terracotta-900: #732717;
  --color-terracotta-800: #9A3924;
  --color-terracotta-700: #B84730;
  --color-terracotta-600: #C85A3A;
  --color-terracotta-500: #D87052;
  --color-terracotta-200: #F5C7BC;
  --color-terracotta-100: #FBEAE6;
  --color-terracotta-50:  #FDF4F2;

  /* Violeta Pizarra / Añil (Capacidad Colectiva, Redes, Articulación) */
  --color-purple-900: #272440;
  --color-purple-800: #373359;
  --color-purple-700: #4A4575;
  --color-purple-600: #5D5791;
  --color-purple-500: #7771B0;
  --color-purple-200: #CECBE6;
  --color-purple-100: #EBE9F5;
  --color-purple-50:  #F6F5FA;

  /* Neutros Cálidos Costarricenses (Suelo de arena, papel orgánico, luz) */
  --color-sand-50:  #FCFCF9;
  --color-sand-100: #F6F7F1;
  --color-sand-200: #EAECE2;
  --color-sand-300: #D8DBD0;
  --color-sand-400: #B8BCAC;
  --color-sand-700: #53574A;
  --color-sand-800: #353830;
  --color-sand-900: #1C1E1A;

  /* Textos */
  --text-main: #1A281E;
  --text-body: #344237;
  --text-muted: #5B6B5F;
  --text-light: #809184;
  --text-inverted: #FCFCF9;

  /* Fondos y Superficies */
  --bg-app: #FCFCF9;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #FFFFFF;
  --bg-surface-tinted: #F4F6EE;
  --bg-surface-forest: #163B1C;

  /* Bordes */
  --border-subtle: rgba(35, 88, 45, 0.08);
  --border-light: rgba(35, 88, 45, 0.16);
  --border-medium: rgba(35, 88, 45, 0.28);
  --border-terracotta: rgba(200, 90, 58, 0.25);
  --border-purple: rgba(93, 87, 145, 0.25);

  /* Sombras */
  --shadow-xs: 0 1px 3px rgba(19, 53, 26, 0.04);
  --shadow-sm: 0 2px 8px rgba(19, 53, 26, 0.06);
  --shadow-md: 0 6px 18px rgba(19, 53, 26, 0.08), 0 2px 6px rgba(19, 53, 26, 0.04);
  --shadow-lg: 0 14px 34px rgba(19, 53, 26, 0.10), 0 4px 12px rgba(19, 53, 26, 0.05);
  --shadow-xl: 0 24px 54px rgba(19, 53, 26, 0.14), 0 8px 20px rgba(19, 53, 26, 0.06);

  /* Tipografías */
  --font-serif: 'Fraunces', 'Georgia', 'Playfair Display', serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Radios */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-pill: 9999px;

  /* Espaciado */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  /* Transiciones */
  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Contenedor */
  --container-max: 1320px;
}