:root{
    /*
     * Core app-shell reference:
     * Social Community + Dashboard + Budget
     * This is the compact white-card mobile-app baseline the rest of the
     * system should converge toward during the design-system rebuild.
     */
    --hw-color-bg:#f8f7fb;
    --hw-color-bg-alt:#ffffff;
    --hw-color-panel:#ffffff;
    --hw-color-panel-soft:#faf7fc;
    --hw-color-line:#e7e0ec;
    --hw-color-line-strong:#d6c9df;
    --hw-color-text:#1f2937;
    --hw-color-text-strong:#111827;
    --hw-color-muted:#6b7280;
    --hw-color-primary:#883ca6;
    --hw-color-primary-strong:#742f90;
    --hw-color-primary-soft:#f6edfb;
    --hw-color-secondary:#297c38;
    --hw-color-secondary-strong:#1f5e2a;
    --hw-color-secondary-soft:#ecf7ef;
    --hw-color-accent:#297c38;
    --hw-color-accent-strong:#1f5e2a;
    --hw-color-danger:#c2410c;
    --hw-color-warning:#b7791f;
    --hw-color-success:#16a34a;

    --hw-app-surface:#ffffff;
    --hw-app-surface-soft:#fafafa;
    --hw-app-line:#e5e7eb;
    --hw-app-line-strong:#d1d5db;
    --hw-app-shadow:0 4px 12px rgba(0,0,0,.05);
    --hw-app-shadow-strong:0 6px 18px rgba(0,0,0,.06);

    --hw-dashboard-bg:#f4f2f8;
    --hw-dashboard-panel:#ffffff;
    --hw-dashboard-panel-strong:#fcfbfe;
    --hw-dashboard-line:#ddd4e5;
    --hw-dashboard-shadow:0 16px 36px rgba(41,15,62,.08);
    --hw-dashboard-shadow-strong:0 24px 54px rgba(41,15,62,.14);
    --hw-dashboard-header-icon:var(--hw-color-primary);
    --hw-dashboard-header-accent:var(--hw-color-secondary);

    --hw-font-family-base:"Roboto",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --hw-font-family-display:"Oxygen","Roboto",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --hw-font-xs:10px;
    --hw-font-sm:12px;
    --hw-font-md:12px;
    --hw-font-lg:14px;
    --hw-font-xl:18px;
    --hw-font-2xl:24px;
    --hw-font-3xl:32px;

    --hw-space-1:4px;
    --hw-space-2:8px;
    --hw-space-3:12px;
    --hw-space-4:16px;
    --hw-space-5:20px;
    --hw-space-6:24px;
    --hw-space-7:32px;
    --hw-space-8:40px;

    --hw-radius-sm:4px;
    --hw-radius-md:8px;
    --hw-radius-lg:12px;
    --hw-radius-xl:16px;
    --hw-radius-2xl:24px;
    --hw-radius-pill:999px;

    --hw-shadow-sm:0 3px 10px rgba(15,23,42,.04);
    --hw-shadow-md:0 8px 24px rgba(15,23,42,.08);
    --hw-shadow-lg:0 18px 40px rgba(15,23,42,.12);
    --hw-shadow-xl:0 30px 60px rgba(15,23,42,.18);

    --hw-transition-fast:120ms ease;
    --hw-transition-base:180ms ease;
    --hw-transition-slow:260ms ease;

    --hw-z-dropdown:900;
    --hw-z-sticky:950;
    --hw-z-modal:1000;
    --hw-z-toast:1100;
}

.wp-admin,
body{
    color:var(--hw-color-text);
}