/* ==========================================================================
   HOME360 — Variables globales de marca
   Todo el theming del sitio vive aquí. Si mañana cambia un color o una
   tipografía, se edita en un solo lugar.
   ========================================================================== */

:root {
  /* Colores de marca */
  --color-black: #0A0A0A;         /* fondo header / hero / misión / footer */
  --color-card-dark: #141414;     /* tarjeta de servicio en hover */
  --color-cream: #FBF9F7;         /* fondo secciones claras */
  --color-white: #FFFFFF;
  --color-gold: #C89B3C;          /* acento principal: eyebrows, iconos, links */
  --color-gold-strong: #D1AF3C;   /* banda CTA */
  --color-gold-hover: #B8892E;
  --color-whatsapp: #25D366;
  --color-whatsapp-hover: #1EBE5A;
  --color-border: #E7E3DA;        /* líneas divisorias sobre fondo claro */
  --color-border-dark: rgba(255,255,255,0.1);

  /* Texto */
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: #B8B8B8;
  --text-on-dark-soft: #9C9C9C;
  --text-on-light: #111111;
  --text-on-light-muted: #5C5C5C;
  --text-on-light-soft: #777777;

  /* Tipografía */
  --font-principal: 'Montserrat', sans-serif;
  --font-display: 'Playfair Display', serif;

  --fs-h1: 3.4rem;
  --fs-h2: 2.5rem;
  --fs-h3: 1.35rem;
  --fs-body-lg: 1.1rem;
  --fs-body: 1rem;
  --fs-small: 0.85rem;
  --fs-eyebrow: 0.8rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* Espaciado */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Layout */
  --max-width: 1240px;
  --radius-pill: 30px;
  --radius-card: 4px;

  /* Transiciones */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
}