:root {
  /* ========= COLORES ========= */

  --color-primary: #1f4d4d;
  --color-primary-dark: #173b3b;
  --color-primary-light: #3e6b6b;

  --color-secondary: #d4a373;

  --color-background: #faf9f7;
  --color-surface: #ffffff;

  --color-text: #24323d;
  --color-text-light: #64707d;

  --color-border: #e6e6e6;

  --color-success: #3a7d44;
  --color-error: #c0392b;

  /* ========= SOMBRAS ========= */

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);

  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.08);

  --shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.12);

  /* ========= BORDES ========= */

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 2rem;
  --radius-xl: 999px;

  /* ========= ESPACIADO ========= */

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* ========= CONTENEDOR ========= */

  --container-width: 1500px;

  /* ========= TIPOGRAFÍA ========= */

  --font-family: "Inter", sans-serif;

  --font-size-xs: 0.875rem;
  --font-size-sm: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 2.5rem;
  --font-size-2xl: 3.5rem;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ========= TRANSICIONES ========= */

  --transition: all 0.3s ease;

  /* ========= HEADER ========= */
  
  --header-height: 84px;
}