/* ==========================================================
   HOSTING MAGAZINE
   DESIGN TOKENS
   ========================================================== */

:root{
    --hm-navy-950:#07111f;
    --hm-navy-900:#0b1628;
    --hm-navy-800:#14233a;

    --hm-blue-600:#2563eb;
    --hm-blue-700:#1d4ed8;
    --hm-blue-050:#eff6ff;

    --hm-green-600:#059669;
    --hm-green-700:#047857;
    --hm-green-050:#ecfdf5;

    --hm-text-900:#111827;
    --hm-text-700:#334155;
    --hm-text-500:#64748b;

    --hm-border:#dfe7ef;
    --hm-border-soft:#edf2f7;

    --hm-bg:#ffffff;
    --hm-bg-soft:#f6f8fb;

    --hm-warning:#b45309;
    --hm-warning-bg:#fffbeb;

    --hm-radius-xs:8px;
    --hm-radius-sm:10px;
    --hm-radius-md:14px;
    --hm-radius-lg:18px;
    --hm-radius-xl:22px;

    --hm-shadow-xs:0 3px 12px rgba(15,23,42,.035);
    --hm-shadow-sm:0 8px 24px rgba(15,23,42,.055);
    --hm-shadow-md:0 16px 40px rgba(15,23,42,.08);
    --hm-shadow-lg:0 26px 65px rgba(15,23,42,.12);

    --hm-space-1:4px;
    --hm-space-2:8px;
    --hm-space-3:12px;
    --hm-space-4:16px;
    --hm-space-5:20px;
    --hm-space-6:24px;
    --hm-space-7:32px;
    --hm-space-8:40px;
    --hm-space-9:48px;
    --hm-space-10:64px;
    --hm-space-11:80px;

    --hm-container:1180px;
    --hm-reading:780px;
}