/* Villa Club 3 — tokens
   Paleta «humo neutro»: los grises construyen toda la estructura y el color
   queda reservado a las categorías. Así las fotos de la villa mandan. */

:root {
  /* Tinta */
  --ink:        #17181A;
  --ink-2:      #232427;
  --ink-3:      #34363A;
  --text:       #55565A;
  --muted:      #6E7075;
  --faint:      #8A8B8F;

  /* Superficies */
  --bg:         #F6F6F4;   /* blanco humo */
  --surface:    #FFFFFF;
  --surface-2:  #EDEDEA;   /* hueco de imagen */
  --surface-3:  #F2F2EF;
  --bar:        #101113;

  /* Líneas */
  --line:       #E4E4E1;
  --line-2:     #CFD0CD;
  --rule:       #17181A;   /* el filete que estructura la página */

  /* Acentos — solo para categorías y estados, nunca decorativos */
  --terracota:  #8E3F2A;
  --verde:      #4F6740;
  --azul:       #2A6F8A;
  --ocre:       #8A6D3B;
  --link:       #256A85;

  /* Tipografía */
  --display: Lora, Georgia, serif;
  --body:    Inter, system-ui, -apple-system, sans-serif;
  --mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* Layout */
  --max:  1300px;
  --pad:  20px;
  --head: 70px;
}

@media (min-width: 900px) { :root { --pad: 40px; } }

/* Categorías de comunicado.
   C-04: "Contorno inferior en el color de la categoría, nunca relleno." */
.vc3-cat--seguridad     { color: var(--terracota); }
.vc3-cat--mantenimiento { color: var(--azul); }
.vc3-cat--asambleas     { color: var(--ocre); }
.vc3-cat--eventos       { color: var(--verde); }
.vc3-cat--obras         { color: #52545A; }