/* tunueva.casa — Color tokens
   Source: brand identity guide "IDENTIDAD DE MARCA — tunueva.casa by Keller Williams"
   Rule of thumb: 60% neutros cálidos / 30% carbón-espresso / 10% crimson+oro */

:root {
  /* ---- Base hex values ---- */

  /* Primario — Rojo Liderazgo */
  --color-crimson-leader: #B31B1B;   /* logo, CTA buttons, active icons */
  --color-crimson-dark:   #8C1515;   /* button hover, active/emphasis states */
  --color-crimson-vivid:  #D42B2B;   /* alerts, notifications, mild errors */
  --color-crimson-tint:   #F5E6E6;   /* accented card backgrounds, soft badges */

  /* Acento — Oro de Confianza */
  --color-gold-antique: #A8893A;     /* "Destacado"/"Premium" badges, luxury pricing */
  --color-gold-soft:    #C9A84C;     /* decorative icons, premium section dividers */
  --color-gold-tint:    #F7F0DC;     /* value sections, testimonials, awards backgrounds */

  /* Base — Neutros Cálidos (Paz y Elegancia) */
  --color-ivory:      #FAF8F5;       /* general site background — NEVER pure white */
  --color-linen:      #F0EDE8;       /* alternate section bg, property cards */
  --color-silk-gray:  #D9D6D1;       /* card borders, divider lines, inputs */
  --color-mist-gray:  #EDEBE8;       /* row hover, form backgrounds */

  /* Profundo — Carbón Nocturno (Autoridad) */
  --color-night-charcoal: #1A1A1A;   /* dark hero sections, scrolled navbar, footer */
  --color-espresso:       #2E2A27;   /* body text, large headlines on light bg */
  --color-stone-gray:     #6B6B6B;   /* secondary text, descriptions, metadata */
  --color-fog-gray:       #A8A8A8;   /* placeholders, disabled text, subtitles */

  /* ---- Semantic aliases ---- */
  --surface-page:        var(--color-ivory);
  --surface-alt:         var(--color-linen);
  --surface-card:        var(--color-linen);
  --surface-card-accent: var(--color-crimson-tint);
  --surface-value:       var(--color-gold-tint);
  --surface-dark:        var(--color-night-charcoal);
  --surface-input:       var(--color-ivory);
  --surface-input-hover: var(--color-mist-gray);

  --border-default: var(--color-silk-gray);
  --border-subtle:  var(--color-mist-gray);

  --text-heading:     var(--color-night-charcoal);
  --text-heading-inv: var(--color-ivory);
  --text-body:        var(--color-espresso);
  --text-secondary:   var(--color-stone-gray);
  --text-disabled:    var(--color-fog-gray);
  --text-price:       var(--color-crimson-leader);
  --text-premium:     var(--color-gold-antique);
  --text-on-crimson:  var(--color-ivory);
  --text-on-dark:     var(--color-ivory);

  --action-primary:        var(--color-crimson-leader);
  --action-primary-hover:  var(--color-crimson-dark);
  --action-primary-active: var(--color-crimson-dark);
  --action-error:          var(--color-crimson-vivid);

  --badge-premium-bg:   var(--color-gold-tint);
  --badge-premium-text: var(--color-gold-antique);
  --badge-soft-bg:      var(--color-crimson-tint);
  --badge-soft-text:    var(--color-crimson-dark);
}