/* ============================================================
   MMH Consulting — CSS Custom Properties
   v0.1.0
   ============================================================ */

:root {

  /* ── Brand Colours ───────────────────────────────────────── */
  --color-gold:           #AB803C;
  --color-gold-light:     #E1CD9A;
  --color-gold-soft:      #E1CD9A;   /* alias — matches --color-gold-light */
  --color-white:          #FFFFFF;
  --color-charcoal:       #4B4A44;
  --color-charcoal-light: #7A7972;
  --color-cream:          #FAF8F3;
  --color-cream-mid:      #F2EDE2;

  /* ── Gradients ───────────────────────────────────────────── */
  --gradient-gold:      linear-gradient(135deg, #AB803C 0%, #E1CD9A 50%, #AB803C 100%);
  --gradient-gold-text: linear-gradient(90deg, #AB803C 0%, #C9A258 45%, #E1CD9A 70%, #AB803C 100%);

  /* ── Typography ──────────────────────────────────────────── */
  --font-serif: 'Cormorant Garant', 'Georgia', serif;
  --font-sans:  'Raleway', 'Helvetica Neue', Arial, sans-serif;

  /* ── Type Scale ──────────────────────────────────────────── */
  --text-xs:   0.75rem;    /*  12px */
  --text-sm:   0.875rem;   /*  14px */
  --text-base: 1rem;       /*  16px */
  --text-lg:   1.125rem;   /*  18px */
  --text-xl:   1.25rem;    /*  20px */
  --text-2xl:  1.5rem;     /*  24px */
  --text-3xl:  2rem;       /*  32px */
  --text-4xl:  2.75rem;    /*  44px */
  --text-5xl:  3.5rem;     /*  56px */
  --text-6xl:  4.5rem;     /*  72px */
  --text-7xl:  6rem;       /*  96px */

  /* ── Spacing ─────────────────────────────────────────────── */
  --space-xs:  0.5rem;     /*   8px */
  --space-sm:  1rem;       /*  16px */
  --space-md:  1.5rem;     /*  24px */
  --space-lg:  2rem;       /*  32px */
  --space-xl:  3rem;       /*  48px */
  --space-2xl: 4.5rem;     /*  72px */
  --space-3xl: 6rem;       /*  96px */
  --space-4xl: 9rem;       /* 144px */

  /* ── Layout ──────────────────────────────────────────────── */
  --container-max:    1200px;
  --container-narrow:  800px;
  --container-wide:   1400px;
  --header-height:      152px;

  /* ── Borders ─────────────────────────────────────────────── */
  --border-thin: 1px solid rgba(171, 128, 60, 0.2);
  --border-gold: 1px solid #AB803C;

  /* ── Shadows ─────────────────────────────────────────────── */
  --shadow-soft: 0 4px 24px rgba(75, 74, 68, 0.07);
  --shadow-card: 0 8px 48px rgba(75, 74, 68, 0.11);

  /* ── Transitions ─────────────────────────────────────────── */
  --transition-base:   240ms ease;
  --transition-slow:   420ms ease;
  --transition-fast:   180ms ease;
  --transition-smooth: 300ms ease;

  /* ── Extended / Alias Variables ─────────────────────────── */
  /* Named to match design spec; partials may use either set  */
  --color-muted:             rgba(75, 74, 68, 0.72);
  --color-line:              rgba(75, 74, 68, 0.25);
  --font-display:            Georgia, 'Times New Roman', serif;
  --font-body:               Arial, Helvetica, sans-serif;
  --container-width:         1180px;
  --section-padding-desktop: 120px;
  --section-padding-mobile:  72px;
  --radius-soft:             18px;
}