:root {
    /* Primary / Neutrals (Blue Grey) */
    --chms-900: #102A43;
    --chms-800: #243B53;
    --chms-700: #334E68;
    --chms-600: #486581;
    --chms-500: #627D98;
    --chms-400: #829AB1;
    --chms-300: #9FB3C8;
    --chms-200: #BCCCDC;
    --chms-100: #D9E2EC;
    --chms-50:  #F0F4F8;

    /* Teal */
    --chms-teal-900: #014D40;
    --chms-teal-700: #147D64;
    --chms-teal-500: #27AB83;
    --chms-teal-300: #65D6AD;
    --chms-teal-100: #C6F7E2;
    --chms-teal-50:  #EFFCF6;

    /* Cyan Warm */
    --chms-cyan-warm-900: #044E54;
    --chms-cyan-warm-700: #0E7C86;
    --chms-cyan-warm-500: #2CB1BC;
    --chms-cyan-warm-300: #54D1DB;
    --chms-cyan-warm-100: #BEF8FD;

    /* Cyan Cool */
    --chms-cyan-cool-900: #05606E;
    --chms-cyan-cool-700: #099AA4;
    --chms-cyan-cool-500: #1CD4D4;
    --chms-cyan-cool-300: #62F4EB;
    --chms-cyan-cool-100: #C1FEF6;

    /* Purple */
    --chms-purple-900: #44056E;
    --chms-purple-700: #690CB0;
    --chms-purple-500: #8719E0;
    --chms-purple-400: #9446ED;
    --chms-purple-300: #A368FC;
    --chms-purple-100: #DAC4FF;
    --chms-purple-50:  #F2EBFE;

    /* Pink */
    --chms-pink-900: #620042;
    --chms-pink-700: #A30664;
    --chms-pink-500: #DA127D;
    --chms-pink-300: #F364A2;
    --chms-pink-100: #FFB8D2;

    /* Red */
    --chms-red-900: #610316;
    --chms-red-700: #AB091E;
    --chms-red-500: #E12D39;
    --chms-red-300: #F86A6A;
    --chms-red-100: #FFBDBD;

    /* Orange */
    --chms-orange-900: #841003;
    --chms-orange-700: #C52707;
    --chms-orange-500: #F35627;
    --chms-orange-300: #FF9466;
    --chms-orange-100: #FFD0B5;

    /* Yellow */
    --chms-yellow-900: #8D2B0B;
    --chms-yellow-700: #CB6E17;
    --chms-yellow-500: #F0B429;
    --chms-yellow-300: #FADB5F;
    --chms-yellow-100: #FFF3C4;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.prose-chms {
    color: var(--chms-800);
    line-height: 1.75;
}
.prose-chms h1, .prose-chms h2, .prose-chms h3, .prose-chms h4 {
    color: var(--chms-900);
}
.prose-chms a {
    color: var(--chms-600);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.prose-chms a:hover {
    color: var(--chms-900);
}
.prose-chms img {
    border-radius: 0.75rem;
}
.prose-chms ol, .prose-chms ul {
    margin-left: 1.25rem;
}

.blog-body > h1:first-child,
.blog-body > article > h1:first-child,
.blog-body > .prose > h1:first-child { display: none; }
.blog-body h1 { font-size: 1.875rem; font-weight: 700; margin: 1.5rem 0 0.75rem; }
.blog-body h2 { font-size: 1.5rem; font-weight: 700; margin: 1.25rem 0 0.625rem; }
.blog-body h3 { font-size: 1.25rem; font-weight: 600; margin: 1rem 0 0.5rem; }
.blog-body h4 { font-size: 1.125rem; font-weight: 600; margin: 1rem 0 0.5rem; }
.blog-body p { margin-bottom: 1rem; }
.blog-body ul, .blog-body ol { margin-left: 1.5rem; margin-bottom: 1rem; }
.blog-body li { margin-bottom: 0.25rem; }
.blog-body blockquote {
    border-left: 4px solid var(--chms-300);
    padding-left: 1rem;
    margin: 1.5rem 0;
    color: var(--chms-600);
    font-style: italic;
}
.blog-body table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.blog-body th, .blog-body td { padding: 0.5rem 0.75rem; border: 1px solid var(--chms-200); text-align: left; }
.blog-body th { background: var(--chms-50); font-weight: 600; }