/* ============================================================
   Lynch Property Services — Colour tokens
   Source: "LPS brand colour palette.pdf" + "Complete Branding
   Style Guide". Four brand colours (one per service pillar) over
   a charcoal / white neutral base.
   ============================================================ */
:root {
  /* ---- Brand core (raw values) ---- */
  --lps-turquoise: #009DA9; /* PRIMARY — trust, innovation, approachability */
  --lps-purple:    #653366; /* SECONDARY — creativity, sophistication */
  --lps-pink:      #DA1C5C; /* Pantone Rubine Red */
  --lps-orange:    #D67548; /* Burnt orange — energy / CTA accent */

  /* ---- Tints & shades (derived, for hovers / fills / surfaces) ---- */
  --lps-turquoise-700: #007A84;
  --lps-turquoise-600: #008B96;
  --lps-turquoise-300: #66C4CB;
  --lps-turquoise-100: #D9F1F3;
  --lps-turquoise-050: #EEF9FA;

  --lps-purple-700: #4E2750;
  --lps-purple-300: #A385A4;
  --lps-purple-100: #E8DEE8;

  --lps-pink-700: #B01449;
  --lps-pink-300: #ED8AAD;
  --lps-pink-100: #FAD9E3;

  --lps-orange-700: #B85B32;
  --lps-orange-300: #E7AD93;
  --lps-orange-100: #F8E5DB;

  /* ---- Neutrals ---- */
  --lps-charcoal: #333333; /* primary neutral — softer than black */
  --lps-black:    #111111; /* reserved: bold headlines, sparingly */
  --lps-white:    #FFFFFF;
  --lps-gray-900: #1F1F1F;
  --lps-gray-700: #4A4A4A;
  --lps-gray-600: #6B6B6B;
  --lps-gray-400: #A8A8A8;
  --lps-gray-300: #D2D2D2;
  --lps-gray-200: #E6E6E6;
  --lps-gray-100: #F2F2F2;
  --lps-gray-050: #F8F8F8;

  /* ---- Semantic status (kept on-brand) ---- */
  --lps-success: #009DA9; /* uses turquoise */
  --lps-warning: #D67548; /* uses burnt orange */
  --lps-danger:  #DA1C5C; /* uses pink/rubine */
  --lps-info:    #653366; /* uses purple */

  /* ============================================================
     Semantic aliases — reference these in components, not raw hex
     ============================================================ */
  --color-primary:        var(--lps-turquoise);
  --color-primary-hover:  var(--lps-turquoise-700);
  --color-primary-soft:   var(--lps-turquoise-100);
  --color-secondary:      var(--lps-purple);
  --color-secondary-hover:var(--lps-purple-700);
  --color-accent:         var(--lps-orange);
  --color-accent-hover:   var(--lps-orange-700);

  --text-strong:   var(--lps-charcoal);
  --text-body:     var(--lps-gray-700);
  --text-muted:    var(--lps-gray-600);
  --text-on-brand: var(--lps-white);
  --text-link:     var(--lps-turquoise);

  --surface-page:   var(--lps-white);
  --surface-subtle: var(--lps-gray-050);
  --surface-card:   var(--lps-white);
  --surface-inverse:var(--lps-charcoal);

  --border-subtle:  var(--lps-gray-200);
  --border-default: var(--lps-gray-300);
  --border-strong:  var(--lps-gray-400);
  --focus-ring:     var(--lps-turquoise);
}