:root{
  /* Light Professional Blog Palette - Inspired by sunrisemagic.co.uk */
  --primary: #317d1a;   /* blue (CTA + headings) */
  --accent:  #a855f7;   /* orange (hovers) */

  /* Surfaces */
  --bg:      #ffffff;   /* page background (white) */
  --panel:   #f8f9fa;   /* cards / header / footer (light gray) */

  /* Text */
  --text:    #333333;   /* body text */
  --muted:   #888888;   /* subtext */
  --link:    #0066cc;   /* link color (blue) */

  /* Lines / effects */
  --outline: #e0e0e0;
  --ring:    rgba(0, 102, 204, 0.15); /* blue glow shadow */

  /* Radii & spacing */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;

  /* Typography scale */
  --fs-body: 16px;
  --fs-h1:   46px;
  --fs-h2:   28px;
  --fs-h3:   22px;
}