/* ============================================================
   TSMS – Design Tokens
   Edit colours, fonts and spacing here to restyle the whole site
   ============================================================ */

:root {
  /* Palette */
  --charcoal:    #1A1A1A;
  --stone:       #F5F3EF;
  --green:       #2C2C2C;
  --green-light: #444444;
  --sand:        #C8B89A;
  --steel:       #8A9BA8;
  --white:       #FFFFFF;
  --mid:         #6B7280;
  --border:      #E0DDD8;
  --panel-bg:    #EDEBE6;
  --accent:      #1A1A1A;

  /* Typography */
  --font-display: 'Playfair Display', serif;
  --font-body:    'Inter', sans-serif;

  /* Spacing scale */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Transitions */
  --transition: 0.2s ease;

  /* Layout */
  --section-padding: 6rem 7%;
  --nav-height: 72px;
}