/* ============================================================
   FRAMED MINDS — Brand Design Tokens
   
   Global CSS custom properties used across ALL Framed Minds
   plugins and theme overrides. Load this FIRST, before any
   plugin-specific CSS files.
   
   Last updated: March 31, 2026
   ============================================================ */

:root {
    /* --- Colors --- */
    --fm-neutral: #151515;
    --fm-cta-green: #BCCF97;
    --fm-cta-green-hover: #9FAF80;
    --fm-bg-white: #FFFFFF;
    --fm-warm-neutral: #F4F1E8;
    --fm-heal-teal: #3A5A40;
    --fm-olive: #647C36;
    --fm-border: #E7EAED;
    --fm-body-secondary: #4A5560;
    --fm-meta: #A0A7B0;

    /* --- Typography --- */
    --fm-font-heading: 'Avenir', 'Nunito Sans', -apple-system, sans-serif;
    --fm-font-body: 'Work Sans', 'DM Sans', -apple-system, sans-serif;

    /* --- Spacing --- */
    --fm-space-xs: 8px;
    --fm-space-sm: 12px;
    --fm-space-md: 16px;
    --fm-space-lg: 24px;
    --fm-space-xl: 32px;
    --fm-space-2xl: 48px;

    /* --- Border Radius --- */
    --fm-radius-sm: 10px;
    --fm-radius-md: 14px;
    --fm-radius-lg: 16px;
}