/* Core palette — exact values taken from the supplied brand assets:
   Navy #001F49 and Cyan #00AEEF are lifted from Supercrop_NAVY_RGB.svg / Supercrop_CYAN_RGB.svg;
   greys sampled from the brand colour-palette artwork. */
:root{
  --harcourts-navy:#001F49;
  --harcourts-cyan:#00AEEF;
  --harcourts-grey:#C8C8C8;
  --harcourts-grey-light:#EDEDED;
  --harcourts-white:#FFFFFF;

  /* Navy ramp — tints/shades of the primary, for depth only. Never a second hue. */
  --navy-900:#00142F;
  --navy-800:#001F49;
  --navy-700:#0A2E5E;
  --navy-600:#1B4374;
  --navy-300:#7F8FA4;
  --navy-100:#D9DEE6;
  --navy-050:#F2F4F7;

  /* Cyan ramp */
  --cyan-600:#0089BC;
  --cyan-500:#00AEEF;
  --cyan-300:#66CEF6;
  --cyan-100:#D6F1FD;

  /* Neutrals */
  --grey-900:#1A1A1A;
  --grey-700:#4A4A4A;
  --grey-500:#8A8A8A;
  --grey-300:#C8C8C8;
  --grey-200:#DEDEDE;
  --grey-100:#EDEDED;
  --grey-050:#F7F7F7;

  /* Semantic — surfaces */
  --surface-page:#FFFFFF;
  --surface-subtle:var(--grey-100);
  --surface-card:#FFFFFF;
  --surface-inverse:var(--harcourts-navy);
  --surface-inverse-deep:var(--navy-900);
  --surface-accent:var(--harcourts-cyan);

  /* Semantic — text */
  --text-heading:var(--harcourts-navy);
  --text-body:var(--grey-700);
  --text-muted:var(--grey-500);
  --text-on-inverse:#FFFFFF;
  --text-on-inverse-muted:rgba(255,255,255,.68);
  --text-on-accent:#FFFFFF;
  --text-link:var(--harcourts-cyan);
  --text-link-hover:var(--cyan-600);

  /* Semantic — lines */
  --border-hairline:var(--grey-200);
  --border-strong:var(--harcourts-navy);
  --border-on-inverse:rgba(255,255,255,.22);
  --rule-accent:var(--harcourts-cyan);

  /* Semantic — interactive */
  --action-primary-bg:var(--harcourts-navy);
  --action-primary-bg-hover:var(--navy-700);
  --action-primary-fg:#FFFFFF;
  --action-accent-bg:var(--harcourts-cyan);
  --action-accent-bg-hover:var(--cyan-600);
  --action-accent-fg:#FFFFFF;
  --action-disabled-bg:var(--grey-200);
  --action-disabled-fg:var(--grey-500);
  --focus-ring:var(--harcourts-cyan);

  /* Semantic — listing status (uses brand palette only) */
  --status-for-sale:var(--harcourts-navy);
  --status-auction:var(--harcourts-cyan);
  --status-sold:var(--navy-900);
  --status-under-offer:var(--cyan-600);

  /* Overlay / protection */
  --overlay-image:linear-gradient(180deg,rgba(0,31,73,0) 30%,rgba(0,31,73,.78) 100%); /* @kind color */
  --overlay-image-strong:linear-gradient(180deg,rgba(0,31,73,.55) 0%,rgba(0,31,73,.85) 100%); /* @kind color */
  --overlay-scrim:rgba(0,31,73,.6);
}