/**
 * PM Blog Template – CSS Variables
 * Author: Sujee
 *
 * ════════════════════════════════════════════════════════
 *  CUSTOMIZE YOUR THEME HERE — change any value below
 *  to restyle the entire site instantly.
 * ════════════════════════════════════════════════════════
 */

:root {

  /* ── BRAND COLORS ──────────────────────────────────── */
  --red:          #e8362a;   /* Primary accent – nav underline, badges, CTAs */
  --red-dark:     #c0271d;   /* Hover state for red elements                  */

  /* ── NEUTRALS ──────────────────────────────────────── */
  --dark:         #1a1a1a;
  --mid:          #444;
  --muted:        #777;
  --light:        #f4f4f4;
  --border:       #e0e0e0;
  --white:        #fff;

  /* ── TYPOGRAPHY ────────────────────────────────────── */
  --font-body:    'Source Sans 3', sans-serif;
  --font-head:    'Merriweather', serif;

  /* ── LAYOUT ────────────────────────────────────────── */
  --site-max:     1200px;

  /* ── CATEGORY COLORS (used in section headers) ──────  */
  --cat-travel:   #2a7d4f;
  --cat-health:   #c0392b;
  --cat-national: #1a5fa8;
  --cat-world:    #7d3c98;
  --cat-finance:  #d68910;
  --cat-business: #1a6e3c;
  --cat-tech:     #1a7fa8;
}