:root {
    /* -- Greens (Agate) -- */
    --agate-80: #024530;
    --agate-70: #0a614b;
    --agate-60: #117a60;
    --agate-ui-50: #569d8a;
    --agate-30: #b9dcd3;
    --agate-10: #e3f1ee;

    /* -- Blues (Lazuli) -- */
    --lazuli-80: #004c67;
    --lazuli-70: #005e89;
    --lazuli-60: #0d7eaa;
    --lazuli-60-rgb: 13, 126, 170;
    --lazuli-ui-50: #1c9fce;
    --lazuli-30: #b5e7f2;
    --lazuli-10: #e2f6fa;
    --lazuli-inactive-00: #9aacb7;

    /* -- Pinks (Tanzanite) -- */
    --tanzanite-60: #931379;

    /* -- Reds (Ruby) -- */
    --ruby-60: #ce4745;
    --ruby-ui-50: #dd7074;
    --ruby-10: #fdeaee;

    /* -- Browns (Topaz) -- */
    --topaz-80: #672f17;
    --topaz-70: #873d16;
    --topaz-60: #ae4e18;
    --topaz-ui-50: #cb6e3e;
    --topaz-30: #ebc8b8;
    --topaz-10: #f2e7e5;

    /* -- Grays (Onyx) -- */
    --onyx-90: #262626;
    --onyx-90-rgb: 38, 38, 38;
    --onyx-80: #404040;
    --onyx-70: #595959;
    --onyx-60: #737373;
    --onyx-ui-50: #808080;
    --onyx-30: #e6e6e6;
    --onyx-10: #f2f2f2;

    /* -- Whites (White) -- */
    --white-00: #FFFFFF;
}