/*

main   orange       - FF8000  rgb(255, 128, 0)
deep   orange       - 994C00  rgb(153, 76, 0)     <-- main + 40% black
dark   orange       - 804000  rgb(128, 64, 0)     <-- main + 50% black
black  orange       - 402000  rgb(64, 32, 0)      <-- main + 75% black
light  orange       - FFC080  rgb(255, 192, 128)  <-- main + 50% white
pale   orange       - FFDFBF  rgb(255, 223, 191)  <-- main + 75% white
white  orange       - FFEFDF  rgb(255, 239, 223)  <-- main + 87.5% white

main gray           - 3F3F3F  rgb(63, 63, 63)
deep gray           - 2A2A2A  rgb(42, 42, 42)
dark gray           - 151515  rgb(21, 21, 21)

black               - 000000  rgb(0, 0, 0)

white               - FFFFFF  rgb(255, 255, 255)

*/

:root {
    --main-orange:#FF8000;
    --main-orange-rgb:255, 128, 0;
    --deep-orange:#994C00;
    --deep-orange-rgb:153, 76, 0;
    --dark-orange:#804000;
    --dark-orange-rgb:128, 64, 0;
    --black-orange:#402000;
    --black-orange-rgb:64, 32, 0;
    --soft-orange:#FFA040;
    --soft-orange-rgb:255, 160, 64;
    --light-orange:#FFC080;
    --light-orange-rgb:255, 192, 128;
    --pale-orange:#FFDFBF;
    --pale-orange-rgb:255, 223, 191;
    --white-orange:#FFEFDF;
    --white-orange-rgb:255, 239, 223;

    --main-gray:#3F3F3F;
    --main-gray-rgb:63, 63, 63;
    --deep-gray:#262626;
    --deep-gray-rgb:38, 38, 38;
    --dark-gray:#151515;
    --dark-gray-rgb:21, 21, 21;

    --core-black:#000000;
    --core-black-rgb:0, 0, 0;

    --core-white:#FFFFFF;
    --core-white-rgb:255, 255, 255;

    --resume-gray:#666666;
    --resume-gray-rgb:102, 102, 102;
    --resume-light-gray:#CCCCCC;
    --resume-light-gray-rgb:204, 204, 204;

    --page-header-height:160px;
    --page-footer-height:80px;
    --page-footer-offset:0px;

    --page-view-top-offset:50px;
}