@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap');

:root {
  /* Colors */
  --bg-color: #ffffff;
  --text-color: #111111;
  --text-muted: #666666;
  --accent-color: #b31912;

  /* Tipografies (Ara apuntant a Google Fonts Overpass) */
  --font-primary: 'Overpass', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Mides Tipogràfiques Globals */
  --font-size-h1: 2.4rem;     /* 38.4px - Títol principal de pàgina / Single */
  --font-size-h2: 1.85rem;    /* 29.6px - Slider Hero / Seccions importants */
  --font-size-h3: 1.15rem;    /* 18.4px - Targetes de projectes / Footer titles */
  --font-size-h4: 0.95rem;    /* 15.2px - Subtítols i meta */
  --font-size-body: 0.95rem;  /* 15.2px - Text de paràgraf */
  --font-size-meta: 0.75rem;  /* 12px - Etiquetes de categoria / taxonomies */

  /* Dimensions i Grid */
  --sidebar-width: 180px;
  --grid-gap-vertical: 100px;
  --grid-gap-horizontal: 60px;
}

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

body {
  font-family: var(--font-primary);
  background-color: var(--bg-color);
  color: var(--text-color);
  font-size: var(--font-size-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

/* Base de Caps de Text / Títols */
h1, .h1-style {
  font-size: var(--font-size-h1);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.5px;
  color: var(--text-color);
}

h2, .h2-style {
  font-size: var(--font-size-h2);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.3px;
  color: var(--text-color);
}

h3, .h3-style {
  font-size: var(--font-size-h3);
  font-weight: 700;
  line-height: 1.25;
  color: var(--text-color);
}

h4, .h4-style {
  font-size: var(--font-size-h4);
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-color);
}

body.menu-open {
  overflow: hidden !important;
  height: 100vh;
}