/* ============================================================
   Dispatch design tokens - shared across blog, guide, and the
   home page. Single source of truth at :root so any element can
   use var(--dispatch-*) without scoping to .dispatch.
   ============================================================ */

:root {
    --dispatch-bg:             #0A0A0A;
    --dispatch-surface:        #141414;
    --dispatch-sunken:         #050505;
    --dispatch-border:         #222;
    --dispatch-border-strong:  #333;
    --dispatch-text:           #C8D1CD;
    --dispatch-text-strong:    #ECEFED;
    --dispatch-text-muted:     #6B7772;
    --dispatch-text-faint:     #4B5550;
    --dispatch-teal:           #1D9E75;
    --dispatch-teal-bright:    #5DCAA5;
    --dispatch-teal-soft:      #5ED4A8;
    --dispatch-gold:           #D4A437;
    --dispatch-blue:           #7B8FDB;
    --dispatch-red:            #E5484D;
    --dispatch-mono:           'JetBrains Mono', 'Berkeley Mono', 'Consolas', monospace;
    --dispatch-serif:          'Inter', system-ui, sans-serif;
    --dispatch-editorial:      'Georgia', 'Times New Roman', serif;
}