/**
 * Mental Health Blog — Design Tokens
 * Auto-generated. Do not edit manually.
 */
:root {
    --color-primary:       #4f46e5;
    --color-primary-dark:  #4338ca;
    --color-primary-rgb:   79,70,229;
    --color-secondary:     #eef2ff;
    --color-accent:        #818cf8;
    --color-heading:       #1e1b4b;
    --color-text:          #374151;
    --color-text-light:    #6b7280;
    --color-bg:            #ffffff;
    --color-bg-alt:        #eef2ff;
    --color-border:        #c7d2fe;
    --color-header-bg:     rgba(255,255,255,0.95);
    --color-header-text:   #1e1b4b;
    --color-footer-bg:     #1e1b4b;
    --color-footer-text:   #c7d2fe;

    --font-heading:        'Playfair Display', Georgia, serif;
    --font-body:           'Lato', system-ui, sans-serif;

    --border-radius:       10px;
    --border-radius-lg:    20px;
    --box-shadow:          0 4px 24px rgba(79,70,229,0.12);
    --box-shadow-hover:    0 12px 40px rgba(0,0,0,0.15);
    --hero-overlay:        linear-gradient(135deg, rgba(79,70,229,0.88) 0%, rgba(67,56,202,0.80) 100%);
    --transition:          0.25s ease;
}