/* Explain: Definición de variables de diseño para colores, tipografías y espaciado. */
:root {
    --primary-color: #0f5c56;
    --primary-hover: #0a4640;
    --primary-soft: #e5f0ee;
    --secondary-color: #b4653a;
    --accent-color: #e0a63c;
    --accent-hover: #c98d24;
    --background-color: #fbf8f4;
    --surface-color: #ffffff;
    --surface-alt: #f3ece2;
    --text-color: #182220;
    --text-muted: #6a7773;
    --border-color: #e6ded3;
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 26px;
    --shadow-sm: 0 1px 2px rgba(24, 34, 32, .07);
    --shadow-md: 0 16px 40px -20px rgba(24, 34, 32, .35);
    --shadow-lg: 0 30px 70px -30px rgba(15, 92, 86, .45);
}