/* ============================================
   Design Tokens — WanderingWithPride.com
   v2 — March 2026
   NOTE: This file is loaded by blog posts. It now imports
   design-system.css and provides backward-compatible aliases.
   ============================================ */

@import url('design-system.css');

/* ============================================
   Additional backward-compatible aliases for blog.css
   ============================================ */
:root {
  /* Legacy aliases still used in blog.css / main.css */
  --color-primary-dark: var(--slate);
  --color-bg:           var(--cream);
  --color-bg-alt:       var(--sand);
  --color-accent-1:     var(--saffron);
  --color-accent-2:     var(--rust);
  --color-text:         var(--ink);
  --color-subtle:       var(--sand);
  --color-white:        var(--white);
  --color-text-light:   var(--text-secondary);
  --color-border:       var(--border);

  /* Legacy font aliases — blog posts still reference these */
  --font-heading: var(--font-heading); /* Syne — defined in design-system */
  --font-body:    var(--font-body);    /* Source Serif 4 */
  --font-accent:  var(--font-display); /* DM Serif Display */
}