:root {
  /* AdPredictive palette */

    --primary: #399;
    --primary-hover: #077;
    --primary-disable: #7aa;
    --secondary: #cc0;
    --secondary-hover: #aa0;
    --secondary-disable: #cc9;
    --tertiary: #906;
    --tertiary-hover: #603;
    --tertiary-disable: #c99;
    --quaternary: #da0;
    --quaternary-hover: #b60;
    --quaternary-disable: #ec7;

    /* Neutrals */

    --white: #fff;
    --black: #222;
    --light-navy: #9ab;
    --navy: #222533;
    --dark-navy: #0f0f0f;
    --lightest: #f2f2f2;
    --lighter: #e5e5e5;
    --light: #d0d0d0;
    --dark: #777;
    --darker: #555;
    --darkest: #333;

    /* Standard alerts and notices */

    --info: #7ab;
    --info-hover: #5b8590;
    --info-disable: #b2d5de;
    --success: #6a7;
    --success-hover: #495;
    --success-disable: #adb;
    --warning: #ed8;
    --warning-hover: #db5;
    --warning-disable: #feb;
    --danger: #d54;
    --danger-hover: #bc4848;
    --danger-disable: #e8a4a4;

    /* Header */
    --header-height: 5rem;
    
    /* Nav */
    --nav-height: 3.5rem;

    /* Breadcrumb */
    --breadcrumb-height: 3.5rem;
}