/* =============================================
   DESIGN TOKENS — variables.css
   ============================================= */
:root {
  --black:        #0a0a0a;
  --white:        #ffffff;
  --accent:       #1a6fd4;
  --accent-dark:  #1256aa;
  --accent-light: #5fa8f5;

  --gray-light:   #f4f5f7;
  --gray-mid:     #e0e3ea;
  --gray-text:    #555e70;

  --font-serif: 'Playfair Display', serif;
  --font-sans:  'Source Sans 3', sans-serif;

  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;

  --section-pad: 80px 0;
  --container:   1100px;
}