/**
 * Stanford Decanter design tokens.
 *
 * Converted from the Decanter SCSS source: $vars became custom properties so
 * the browser can read them. Aliases resolve through var() rather than being
 * flattened, so changing a base colour still cascades to its aliases.
 */
:root {
    --su-color-cardinal-red: #8c1515;
    --su-color-cardinal-red-light: #b83a4b;
    --su-color-cardinal-red-dark: #820000;
    --su-color-white: #ffffff;
    --su-color-black: #2e2d29;
    --su-color-black-true: #000;
    --su-color-black-90: #43423e;
    --su-color-black-80: #585754;
    --su-color-black-70: #6d6c69;
    --su-color-black-60: #767674;
    --su-color-black-50: #979694;
    --su-color-black-40: #ababa9;
    --su-color-black-30: #c0c0bf;
    --su-color-black-20: #d5d5d4;
    --su-color-black-10: #eaeaea;
    --su-color-digital-red: #b1040e;
    --su-color-digital-red-light: #e50808;
    --su-color-digital-red-dark: var(--su-color-cardinal-red-dark);
    --su-color-digital-blue: #006cb8;
    --su-color-digital-blue-light: #6fc3ff;
    --su-color-digital-blue-dark: #00548f;
    --su-color-digital-green: #008566;
    --su-color-digital-green-light: #1aecba;
    --su-color-digital-green-dark: #006f54;
    --su-color-cool-grey: #53565a;
    --su-color-palo-alto: #175e54;
    --su-color-palo-alto-light: #2d716f;
    --su-color-palo-alto-dark: #014240;
    --su-color-palo-verde: #279989;
    --su-color-palo-verde-light: #59b3a9;
    --su-color-palo-verde-dark: #017e7c;
    --su-color-olive: #8f993e;
    --su-color-olive-light: #a6b168;
    --su-color-olive-dark: #7a863b;
    --su-color-bay: #6fa287;
    --su-color-bay-light: #8ab8a7;
    --su-color-bay-dark: #417865;
    --su-color-sky: #4298b5;
    --su-color-sky-light: #67afd2;
    --su-color-sky-dark: #016895;
    --su-color-lagunita: #007c92;
    --su-color-lagunita-light: #009ab4;
    --su-color-lagunita-dark: #006b81;
    --su-color-poppy: #e98300;
    --su-color-poppy-light: #f9a44a;
    --su-color-poppy-dark: #d1660f;
    --su-color-spirited: #e04f39;
    --su-color-spirited-light: #f4795b;
    --su-color-spirited-dark: #c74632;
    --su-color-illuminating: #fedd5c;
    --su-color-illuminating-light: #ffe781;
    --su-color-illuminating-dark: #fec51d;
    --su-color-plum: #620059;
    --su-color-plum-light: #734675;
    --su-color-plum-dark: #350d36;
    --su-color-brick: #651c32;
    --su-color-brick-light: #7f2d48;
    --su-color-brick-dark: #42081b;
    --su-color-archway: #5d4b3c;
    --su-color-archway-light: #766253;
    --su-color-archway-dark: #2f2424;
    --su-color-stone: #7f7776;
    --su-color-stone-light: #d4d1d1;
    --su-color-stone-dark: #544948;
    --su-color-foggy: #dad7cb;
    --su-color-foggy-light: #f4f4f4;
    --su-color-foggy-dark: #b6b1a9;
    --su-color-blue: var(--su-color-digital-blue-dark);
    --su-color-bright-blue: var(--su-color-digital-blue);
    --su-color-bright-red: var(--su-color-digital-red);
    --su-color-chocolate: var(--su-color-archway-dark);
    --su-color-cloud: var(--su-color-foggy);
    --su-color-dark-red: var(--su-color-cardinal-red-dark);
    --su-color-vivid-red: var(--su-color-digital-red-light);
    --su-color-driftwood: var(--su-color-foggy-dark);
    --su-color-fog: var(--su-color-foggy-light);
    --su-color-brown: #5e3032;
    --su-color-clay: #5f574f;
    --su-color-gold: #b26f16;
    --su-color-light-sage: #c7d1c5;
    --su-color-mint: #009b76;
    --su-color-purple: #53284f;
    --su-color-redwood: #8d3c1e;
    --su-color-sandhill: #b3995d;
    --su-color-sandstone: #d2c295;
    --su-color-light-sandstone: #f9f6ef;
    --su-color-sun: #eaab00;
    --su-color-teal: #00505c;
    --su-color-warm-grey: #3f3c30;
    --su-color-cool-grey-75: #7a7b7e;
    --su-color-cool-grey-50: #a6a7a9;
    --su-color-cool-grey-25: #d2d3d4;
    --su-color-cool-grey-15: #e5e5e5;
    --su-color-beige: #9d9573;

    /* Not in the Decanter colour source, but su-footer.css consumes them.
       Values are best guesses - adjust if they disagree with the SU spec. */
    --su-spacer: 1em;
    --su-font-size-small: 0.875rem;
    --su-bg--reverse: var(--su-color-black);
    --su-link--reverse: var(--su-color-white);
    --su-link--reverse-hover: var(--su-color-white);
}
