/* ----- PALETA DE COLORES GLOBAL ----- */
:root {
  --primary: #745a2b;
  --primary-container: #c0a16b;
  --primary-fixed: #ffdea7;
  --secondary: #5d6139;
  --secondary-container-high: #e0e3b1;
  --secondary-container: #f5edd9;
  --tertiary: #575f6b;
  --surface: #f9f9f9;
  --surface-variant: #e2e2e2;
  --on-surface: #6870794d;
  --on-surface-variant: #4d463a;
  --outline: #7f7669;
  --error: #ba1a1a;
  --error-container: #ffdad6;
  --white: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--background);
  color: var(#6870794d);
  line-height: 1.5;
  font-weight: 400;
}

/* Tipografías específicas */
.font-display {
  font-family: 'Noto Serif', serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.font-headline {
  font-family: 'Noto Serif', serif;
  font-weight: 400;
}

.font-body {
  font-family: 'Inter', sans-serif;
}

.label-caps {
  font-size: 0.75rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
}


.avatar-img {
      width: 40px;
      height: 40px;
      border-radius: 100%;
      object-fit: cover;
      border: 1px solid #e9e2d8;
    }