:root {
  /* =========================================================================
     MANUAL CORPORATIVO GRANDES VILLAS SIGNATURE
     ========================================================================= */

  /* Colores Oscuros */
  --color-negro-puro: #000000;       /* Principal y fondo contraste */
  --color-carbon-arena: #181614;     /* Fondo secundario y papelería */
  --color-bronce-corp: #231f1c;      /* Bordes y detalles metálicos */

  /* Colores Claros */
  --color-blanco-puro: #FFFFFF;      /* Principal y fondo contraste */
  --color-piedra-corp: #FAF9F7;      /* Superficies claras y papelería */
  --color-oro-arena: #C9B08D;        /* Acento corporativo y lujo sutil */

  /* Alias Semánticos y Compatibilidad */
  --bg-black: var(--color-negro-puro);
  --bg-dark: var(--color-carbon-arena);
  --bg-dark-secondary: var(--color-carbon-arena);
  --bg-dark-card: var(--color-bronce-corp);
  --bg-corporate-dark-sand: var(--color-carbon-arena);
  --bg-corporate-bronze: var(--color-bronce-corp);

  --bg-white: var(--color-blanco-puro);
  --bg-corporate-stone: var(--color-piedra-corp);
  --bg-corporate-sand: var(--color-piedra-corp);
  --bg-light-gray: var(--color-piedra-corp);

  /* Acentos */
  --corporate-sand-accent: var(--color-oro-arena);
  --accent-gold: var(--color-oro-arena);
  --corporate-warm-gray: #3a3734;

  /* Textos */
  --text-white: #FFFFFF;
  --text-gray-light: #FAF9F7;
  --text-gray-muted: #9e9e9e;
  --text-black: #000000;
  --text-dark-gray: #181614;
  --text-body-dark: #231f1c;
  --text-muted-dark: #666666;
  --text-footer-muted: #b8b8b8;

  /* Bordes */
  --border-white-faint: rgba(255, 255, 255, 0.12);
  --border-white-medium: rgba(255, 255, 255, 0.25);
  --border-white-solid: #FFFFFF;
  --border-black-faint: rgba(24, 22, 20, 0.1);
  --border-black-medium: rgba(24, 22, 20, 0.2);
  --border-black-solid: #181614;
  --border-bronze: var(--color-bronce-corp);

  /* Tipografías Corporativas */
  /* MONTSERRAT NORMAL: Identidad, títulos, textos e interfaz */
  --font-sans-main: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-brand: var(--font-sans-main);

  /* SYNE NEGRITA: Precios y etiquetas destacadas */
  --font-syne: 'Syne', sans-serif;
  --font-price: var(--font-syne);
  --font-highlight: var(--font-syne);

  /* Layout & Spacing */
  --container-max: 1920px;
  --header-height: 96px;

  /* Transiciones */
  --transition-fast: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}