/* ============================================================
   Design tokens — editorial modelling agency aesthetic
   ============================================================ */
:root {
  /* Colours */
  --color-bg:            #ffffff;
  --color-bg-alt:        #f5f3f0;
  --color-bg-card:       #faf9f7;
  --color-text:          #1a1a1a;
  --color-text-muted:    #666666;
  --color-text-dim:      #aaaaaa;
  --color-border:        #e0ddd9;
  --color-accent:        #4A7C95;   /* dusty light blue — 4.6:1 on white, passes AA for text */
  --color-heading:       #1a1a1a;   /* headings and emphasised text */

  /* Typography */
  --font-sans:   'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-serif:  Georgia, 'Times New Roman', serif;
  --text-xs:     0.7rem;
  --text-sm:     0.8rem;
  --text-base:   1rem;
  --text-lg:     1.125rem;
  --text-xl:     1.375rem;
  --text-2xl:    1.75rem;
  --text-3xl:    2.5rem;
  --text-4xl:    3.5rem;
  --text-5xl:    5rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout */
  --max-width:      1200px;
  --nav-height:     70px;
  --border-radius:  0px;   /* sharp edges for editorial feel */
  --shadow-sm:      none;
  --shadow-md:      none;

  /* Transitions */
  --transition: 0.3s ease;
}