html, body {
    font-family: Arial;
}

nav, #right-column {
    /* Ensure global element is untouched with root font-size reset */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

:root {
    /* IC Product Colors */
    --ic-blue-10: #e9eff7;
    --ic-blue-20: #a5c0e1;
    --ic-blue-30: #79a0d1;
    --ic-blue-40: #4c81c2;
    --ic-blue-50: #1f61b3;
    --ic-blue-60: #194e8f;
    --ic-blue-70: #133a6b;
    --ic-blue-80: #0c2748;
    --ic-blue-90: #061324;

    /* Utility colors (theme-agnostic) */
    --utility-green-10: #dbf1de;
    --utility-green-20: #b8e3bd;
    --utility-green-30: #94d49b;
    --utility-green-40: #71c67a;
    --utility-green-50: #4db859;
    --utility-green-60: #3e9347;
    --utility-green-70: #2e6e35;
    --utility-green-80: #1f4a24;
    --utility-green-90: #0f2512;

    --utility-red-10: #f3d4d4;
    --utility-red-20: #e7a9a9;
    --utility-red-30: #dc7e7d;
    --utility-red-40: #d05352;
    --utility-red-50: #c42827;
    --utility-red-60: #9d201f;
    --utility-red-70: #761817;
    --utility-red-80: #4e1010;
    --utility-red-90: #270808;

    --utility-yellow-10: #fdf8db;
    --utility-yellow-20: #fcf3c3;
    --utility-yellow-30: #faeda4;
    --utility-yellow-40: #f9e886;
    --utility-yellow-50: #f7e268;
    --utility-yellow-60: #cdb73e;
    --utility-yellow-70: #a49331;
    --utility-yellow-80: #7b6e25;
    --utility-yellow-90: #524919;

    --utility-neutral-0: #fff;
    --utility-neutral-05: #f3f3f3;
    --utility-neutral-10: #e8e8e8;
    --utility-neutral-20: #d1d1d1;
    --utility-neutral-30: #bababa;
    --utility-neutral-40: #a3a3a3;
    --utility-neutral-50: #8c8c8c;
    --utility-neutral-60: #707070;
    --utility-neutral-70: #545454;
    --utility-neutral-80: #383838;
    --utility-neutral-90: #1c1c1c;
    --utility-neutral-100: #000;

    /* Theme Vars */
    --theme-a-1: var(--ic-blue-10);
    --theme-a-2: var(--ic-blue-30);
    --theme-a-3: var(--ic-blue-50);
    --theme-a-4: var(--ic-blue-70);

    /* Spacing */
    --spacing-xxs: 4px;
    --spacing-xs: 8px;
    --spacing-s: 16px;
    --spacing-m: 24px;
    --spacing-l: 32px;
    --spacing-xl: 40px;
    --spacing-xxl: 48px;

    /* Border Radius */
    --border-radius-s: var(--spacing-xxs);
    --border-radius-m: var(--spacing-xs);
    --border-radius-l: var(--spacing-l);

    /* Typography */
    --h1-font-size: clamp(20px, 4vw + 16px, 32px);
    --h2-font-size: clamp(18px, 2vw + 16px, 25px);
    --h3-font-size: clamp(16px, 2vw + 8px, 20px);
    --h4-font-size: 16px;
    --h5-font-size: 14px;
    --h6-font-size: 12px;
    --body-font-size: clamp(12px, 2vw + 8px, 16px);
    --body-font-size-large: 18px;
}