:root {
  /* ── Color Palette ── */
  --color-steel-blue:      #355C7D;
  --color-deep-mauve:      #6C5B7B;
  --color-rose-mauve:      #C06C84;
  --color-coral:           #F67280;
  --color-warm-salmon:     #F8B195;
  --color-near-black:      #1C1C1E;
  --color-editorial-white: #FAFAF8;

  /* ── Functional Aliases ── */
  --color-text-primary:    #1C1C1E;
  --color-text-secondary:  #6C5B7B;
  --color-bg-page:         #FAFAF8;
  --color-border:          #355C7D;
  --color-cta-bg:          #C06C84;
  --color-cta-text:        #FAFAF8;
  --color-link:            #355C7D;
  --color-link-hover:      #C06C84;

  /* ── Typography ── */
  --font-primary:          'Cormorant Garamond', 'Georgia', serif;
  --font-secondary:        'Jost', 'Trebuchet MS', sans-serif;

  --font-weight-light:     300;
  --font-weight-regular:   400;
  --font-weight-medium:    500;
  --font-weight-semibold:  600;

  --font-size-body-mobile:   15px;
  --font-size-body-desktop:  17px;
  --font-size-label:         12px;

  --line-height-body:      1.75;
  --line-height-heading:   1.2;

  --letter-spacing-label:  0.15em;

  /* ── Spacing Scale (8px base) ── */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   24px;
  --space-lg:   48px;
  --space-xl:   96px;
  --space-2xl:  128px;

  /* ── Layout ── */
  --max-width:  1280px;

  /* ── Borders ── */
  --border-thin:   1px solid var(--color-border);
  --border-radius: 0px;
}