/* Colour — sampled directly from the supplied logo artwork (assets/logo-horizontal.png).
   Red #EE0A0A = roof/house mark. Teal #0098A0 = wordmark + badge ring. Grey #585858 = tagline. */
:root{
  /* ---- Brand red (rojo tejado) ---- */
  --red-50:#FFF2F1; --red-100:#FFDEDC; --red-200:#FFB9B5; --red-300:#FF8B85;
  --red-400:#F94540; --red-500:#EE0A0A; --red-600:#CB0709; --red-700:#9E0A0C;
  --red-800:#780E10; --red-900:#4E0B0C;

  /* ---- Brand teal (turquesa) ---- */
  --teal-50:#EAFAFB; --teal-100:#C7F0F2; --teal-200:#90E1E6; --teal-300:#4ECBD3;
  --teal-400:#14AEB8; --teal-500:#0098A0; --teal-600:#007B83; --teal-700:#0A6067;
  --teal-800:#0C4A50; --teal-900:#0A3438;

  /* ---- Neutrals (grises, anchored on the tagline grey) ---- */
  --neutral-0:#FFFFFF;  --neutral-25:#FBFBFA; --neutral-50:#F6F6F5; --neutral-100:#EDEDEB;
  --neutral-200:#DFDFDC; --neutral-300:#C8C8C5; --neutral-400:#A4A4A1; --neutral-500:#7C7C7A;
  --neutral-600:#585858; --neutral-700:#454545; --neutral-800:#2E2E2E; --neutral-900:#1B1B1B;

  /* ---- Support: arena (warm sand, printed collateral + section grounds) ---- */
  --sand-50:#FAF7F2; --sand-100:#F3EDE3; --sand-200:#E7DCC9; --sand-300:#D6C5A8;

  /* ---- Raw semantic hues ---- */
  --green-500:#1F8A5B; --green-50:#EAF6F0;
  --amber-500:#DE8E00; --amber-50:#FDF4E3;

  /* ================= SEMANTIC ALIASES ================= */
  /* Text */
  --text-strong:var(--neutral-900);
  --text-body:var(--neutral-700);
  --text-muted:var(--neutral-500);
  --text-inverse:var(--neutral-0);
  --text-brand:var(--teal-600);
  --text-accent:var(--red-600);
  --text-link:var(--teal-600);
  --text-link-hover:var(--red-600);
  --text-on-red:var(--neutral-0);
  --text-on-teal:var(--neutral-0);

  /* Surfaces */
  --surface-page:var(--neutral-0);
  --surface-subtle:var(--neutral-50);
  --surface-card:var(--neutral-0);
  --surface-card-hover:var(--neutral-25);
  --surface-sunken:var(--neutral-100);
  --surface-inverse:var(--neutral-900);
  --surface-brand:var(--teal-500);
  --surface-brand-subtle:var(--teal-50);
  --surface-accent:var(--red-500);
  --surface-accent-subtle:var(--red-50);
  --surface-sand:var(--sand-50);
  --surface-overlay:rgba(27,27,27,.62);
  --surface-glass:rgba(255,255,255,.86);

  /* Borders */
  --border-subtle:var(--neutral-100);
  --border-default:var(--neutral-200);
  --border-strong:var(--neutral-300);
  --border-brand:var(--teal-500);
  --border-accent:var(--red-500);
  --border-focus:var(--teal-500);

  /* Interactive — primary (red), the "act now" colour: buy, call, submit */
  --action-primary:var(--red-500);
  --action-primary-hover:var(--red-600);
  --action-primary-active:var(--red-700);
  --action-primary-subtle:var(--red-50);
  /* Interactive — secondary (teal), navigation + non-committal actions */
  --action-secondary:var(--teal-500);
  --action-secondary-hover:var(--teal-600);
  --action-secondary-active:var(--teal-700);
  --action-secondary-subtle:var(--teal-50);
  /* Interactive — neutral/ghost */
  --action-neutral:var(--neutral-100);
  --action-neutral-hover:var(--neutral-200);
  --action-neutral-active:var(--neutral-300);
  --action-disabled-bg:var(--neutral-100);
  --action-disabled-text:var(--neutral-400);

  /* Feedback */
  --feedback-success:var(--green-500); --feedback-success-bg:var(--green-50);
  --feedback-warning:var(--amber-500); --feedback-warning-bg:var(--amber-50);
  --feedback-danger:var(--red-600);    --feedback-danger-bg:var(--red-50);
  --feedback-info:var(--teal-500);     --feedback-info-bg:var(--teal-50);

  /* Property status — the listing vocabulary of the site */
  --status-venta:var(--red-500);
  --status-alquiler:var(--teal-500);
  --status-vendido:var(--neutral-700);
  --status-alquilado:var(--neutral-600);
  --status-destacado:var(--amber-500);
  --status-permuta:var(--teal-700);

  /* Gradients (protection only — never decorative) */
  --gradient-photo-scrim:linear-gradient(to top,rgba(27,27,27,.78) 0%,rgba(27,27,27,.35) 42%,rgba(27,27,27,0) 100%); /* @kind color */
  --gradient-hero-scrim:linear-gradient(105deg,rgba(12,74,80,.88) 0%,rgba(12,74,80,.55) 48%,rgba(12,74,80,.12) 100%); /* @kind color */
  --gradient-brand-rule:linear-gradient(90deg,var(--red-500) 0 34%,var(--teal-500) 34% 100%); /* @kind color */
}