:root {
    /* light */
    --light-0:#FDFDFD;
    --light-100:#F6F7F8;
    --light-200:#F0F1F3;
    --light-300:#DBDEE3;
    --light-350:#C7CBD3;
    --light-400:#B2B8C3;
    --light-500:#848FA1;
    --light-600:#758094;
    --light-700:#626F85;
    --light-800:#44546F;
    --light-900:#2C3E5D;
    --light-1000:#172B4D;
    --light-1100:#091E42;

    /* dark */
    --dark--100:#101214;
    --dark-0:#161A1D;
    --dark-100:#1D2125;
    --dark-200:#22272B;
    --dark-250:#282E33;
    --dark-300:#2C333A;
    --dark-350:#38414A;
    --dark-400:#454F59;
    --dark-500:#596773;
    --dark-600:#738395;
    --dark-700:#8B9AAA;
    --dark-800:#9EACBB;
    --dark-900:#B5C1CE;
    --dark-1000:#C6D0DA;
    --dark-1100:#DDE3E9;

    /* common */
    --white:#fff;
    --black:#000;

    /* debug */
    --error:#a00;
    --success:#0a0;
    --verbose:#75bfff;

    /* transparent */
    --shadow-125:#00000020;
    --shadow-15:#00000026;
    --shadow-25:#00000040;
    --shadow-5:#00000080;
    --shadow-75:#000000bf;
    --shadow-85:#000000d9;
    --glow-15:#ffffff26;
    --glow-25:#ffffff40;
    --glow-5:#ffffff80;

    /* gauges */
    --temp-gauge-background:linear-gradient(to right,  #0000ff 0%,#00ffff 35%,#00ff00 50%,#ffff00 65%,#ffff00 72.5%,#ff0000 95%);
    --temp-gauge-background-cone:conic-gradient(from -90deg at 50% 100%, #0000ff,#00ffff,#00ff00,#ffff00,#ffff00,#ff0000 50%);
    --hum-gauge-background:linear-gradient(to left, #0000ff 15%,#00ff00 45%,#ffee00 75%);
    --hum-gauge-background-cone:conic-gradient(from -90deg at 50% 100%, #ffee00 0% 10%,#00ff00,#0000ff 45% 50%);
    --press-gauge-background:linear-gradient(to right, #ff0000 5%,#00ff00 50%,#ff0000 95%);
    --press-gauge-background-cone:conic-gradient(from -90deg at 50% 100%, #ff0000,#00ff00,#ff0000 50%);
    --wspd-gauge-background:linear-gradient(to right, #00ff00 0%,#ffff00 25%,#ff0000 99%);
    --wspd-gauge-background-cone:conic-gradient(from -90deg at 50% 100%, #00ff00,#ffff00,#ff0000 50%);
    --cloud-gauge-background:linear-gradient(to right, #1e5799 0%,#e5e5e5 52%,#4f5366 100%);
    --cloud-gauge-background-cone:conic-gradient(from -90deg at 50% 100%, #1e5799,#e5e5e5,#4f5366 50%);
    --precip-gauge-background:linear-gradient(to right, #00ff00 0%,#ffff00 25%,#ff0000 99%);
    --precip-gauge-background-cone:conic-gradient(from -90deg at 50% 100%, #00ff00,#ffff00,#ff0000 50%);
    --kindex-gauge-background:linear-gradient(to right, #0f0 0%,#0f0 40%,#ff0 45%,#ff0 55%,#f00 60%);
    --kindex-gauge-background-cone:conic-gradient(from -90deg at 50% 100%, #0f0 0deg 80deg,#ff0 80deg 100deg,#f00 100deg 50%);
    --uvindex-gauge-background:linear-gradient(to right, #0f0 0%,#ff0 20%,#f90 50%,#f00 70%,#a049c9 95%);
    --uvindex-gauge-background-cone:conic-gradient(from -90deg at 50% 100%, #0f0,#ff0,#f90,#f00,#a049c9 50%);

    /* alerts */
    --green-alert-color:#00B401;
    --green-alert-background:linear-gradient(0deg,#00B401 0%,#008201 100%);
    --yellow-alert-color:#FDC734;
    --yellow-alert-background:linear-gradient(0deg,#FDC734 0%,#CB9930 100%);
    --orange-alert-color:#FD6323;
    --orange-alert-background:linear-gradient(0deg,#FD6323 0%,#CB5C23 100%);
    --red-alert-color:#FD0101;
    --dark-red-alert-color:#CB0101;
    --red-alert-background:linear-gradient(0deg,#FD0101 0%,#CB0101 100%);

    /* gauges */
    --gauge-width:130px;
    --gauge-height:65px;
    --gauge-weight:2px;
    --mask-offset: calc(var(--gauge-height) - var(--gauge-weight));
}