/* ============================================================
   MOL — Maria Oyinlola Limited — CSS Custom Properties
   Primary: #707070 | Accent: #FF6E32 | Support: #D9D9D9
   ============================================================ */
:root {
  --mol-grey:       #707070;
  --mol-grey-dark:  #4A4A4A;
  --mol-grey-mid:   #5C5C5C;
  --mol-grey-light: #D9D9D9;
  --mol-orange:     #FF6E32;
  --mol-orange-dark:#E05A20;
  --mol-orange-pale:#FFF0E8;
  --dark-bg:        #1A1A1A;
  --dark-mid:       #242424;
  --dark-card:      #2E2E2E;
  --white:          #FFFFFF;
  --off-white:      #F8F7F5;
  --grey-50:        #F5F5F5;
  --grey-100:       #E8E8E8;
  --grey-200:       #D0D0D0;
  --grey-400:       #9E9E9E;
  --grey-600:       #616161;
  --grey-700:       #424242;
  --grey-800:       #2E2E2E;
  --group-blue:     #5C6C94;
  --font-display:   'Cormorant Garamond', Georgia, serif;
  --font-label:     'Cinzel', 'Times New Roman', serif;
  --font-body:      'Crimson Pro', Georgia, serif;
  --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;
  --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;
  --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-full: 999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  --duration-fast: 0.15s;
  --duration:      0.25s;
  --ease:          cubic-bezier(0.4, 0, 0.2, 1);
}