/* ============================================================
   Henrisol Properties Ltd — CSS Custom Properties
   Primary: #6E4687 | Accent: #F58A2B | Support: #EEE4EC
   ============================================================ */
:root {
  /* Henrisol Brand Colours */
  --h-purple:       #6E4687;
  --h-purple-dark:  #57366B;
  --h-purple-deep:  #3D2050;
  --h-purple-mid:   #8A5CA8;
  --h-amber:        #F58A2B;
  --h-amber-dark:   #D4711A;
  --h-amber-pale:   #FDF3E8;
  --h-lilac:        #EEE4EC;
  --h-lilac-mid:    #D8C8D5;

  /* Dark backgrounds */
  --dark-bg:        #1C1220;
  --dark-mid:       #241830;
  --dark-card:      #2E2040;

  /* Neutrals */
  --white:          #FFFFFF;
  --off-white:      #FAF8FC;
  --grey-50:        #F7F5F9;
  --grey-100:       #EDEAF0;
  --grey-200:       #D8D3DE;
  --grey-400:       #9E96A8;
  --grey-600:       #635870;
  --grey-700:       #3D3348;
  --grey-800:       #2A2030;

  /* Group colours (footer) */
  --group-blue:     #5C6C94;

  /* Typography */
  --font-display:   'Cormorant Garamond', Georgia, serif;
  --font-label:     'Cinzel', 'Times New Roman', serif;
  --font-body:      'Crimson Pro', Georgia, serif;

  /* Type scale */
  --text-xs:   0.75rem;    --text-sm:   0.875rem;
  --text-base: 1.0625rem;  --text-lg:   1.1875rem;
  --text-xl:   1.375rem;   --text-2xl:  1.75rem;
  --text-3xl:  2.25rem;    --text-4xl:  2.875rem;
  --text-5xl:  3.75rem;    --text-6xl:  5rem;

  /* Spacing */
  --sp-1:0.25rem; --sp-2:0.5rem;  --sp-3:0.75rem; --sp-4:1rem;
  --sp-5:1.25rem; --sp-6:1.5rem;  --sp-8:2rem;    --sp-10:2.5rem;
  --sp-12:3rem;   --sp-16:4rem;   --sp-20:5rem;   --sp-24:6rem;

  /* Layout */
  --nav-height: 72px;
  --max-width:  1280px;
  --gutter:     clamp(1.25rem, 5vw, 3rem);
  --radius-sm:  4px;  --radius-md: 8px;
  --radius-lg:  12px; --radius-xl: 20px;
  --radius-2xl: 28px; --radius-full: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(110,70,135,0.06);
  --shadow-md: 0 4px 20px rgba(110,70,135,0.10);
  --shadow-lg: 0 8px 40px rgba(110,70,135,0.14);

  /* Animation */
  --duration-fast: 0.15s;
  --duration:      0.25s;
  --ease:          cubic-bezier(0.4, 0, 0.2, 1);
}