/* ============================================================
   Pearl Primus Multipurpose Contracting Ltd
   Primary: #14344C | Accent: #00C4EC | Supporting: #747474
   ============================================================ */
:root {
  /* Pearl Primus Brand */
  --pp-navy:        #14344C;
  --pp-navy-dark:   #0C2233;
  --pp-navy-deep:   #071828;
  --pp-navy-mid:    #1E4A6E;
  --pp-cyan:        #00C4EC;
  --pp-cyan-dark:   #009BBD;
  --pp-cyan-pale:   #E8F9FD;
  --pp-grey:        #747474;
  --pp-grey-light:  #B8B8B8;

  /* Dark backgrounds */
  --dark-bg:        #071828;
  --dark-mid:       #0F2438;
  --dark-card:      #162E44;

  /* Neutrals */
  --white:          #FFFFFF;
  --off-white:      #F5F8FA;
  --grey-50:        #F0F4F7;
  --grey-100:       #E2E8EE;
  --grey-200:       #C8D4DC;
  --grey-400:       #8FA0AE;
  --grey-600:       #526070;
  --grey-700:       #374652;
  --grey-800:       #1E2C38;

  /* Group */
  --group-blue:     #5C6C94;

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

  /* 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(20,52,76,0.08);
  --shadow-md: 0 4px 20px rgba(20,52,76,0.12);
  --shadow-lg: 0 8px 40px rgba(20,52,76,0.16);

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