:root {
    --color-black: #000022;
    --color-white: #FFFFFF;
    
    --color-white-light1: #FCF9ED;
    --color-white-light2: #F9F3DC;

    --color-black-light1: #00003D;
    --color-black-light2: #000052;

    --color-grey: #50506D;
    --color-grey-light1: #68688D;
    --color-grey-light2: #9595B1;

    --color-arrow-main: #9C528B;

    --color-ram-main: #62A87C;
    --color-ram-light1: #89BE9C;
    --color-ram-light2: #B0D4BD;
    --color-ram-dark1: #48845E;

    --color-cu-main: #247BA0;
    --color-cu-light1: #37A3D2;
    --color-cu-light2: #7AC2E1;
    --color-cu-dark1: #1E6685;

    --color-alu-main: #429EA6;
    --color-alu-light1: #6DBEC5;
    --color-alu-light2: #99D1D6;
    --color-alu-dark1: #3A8B92;

    --color-databus-main: #8FB8DE;
    --color-databus-light1: #B0CDE8;
    --color-databus-light2: #D0E1F1;

    --color-addressbus-main: #72705B;
    --color-addressbus-light1: #929077;
    --color-addressbus-light2: #ADAC99;


    --color-body: var(--color-white-light1);
    --color-body-text: var(--color-black);

    --color-addressbus: var(--color-addressbus-main);
    --color-addressbus-text: var(--color-white);

    --color-databus: var(--color-databus-main);
    --color-databus-text: var(--color-white);

    --color-controls-button-text: var(--color-black);
    --color-controls-button-border: var(--color-black);
    --color-controls-button-text-hover: var(--color-black-light1);
    --color-controls-scroller-label-text: var(--color-white);

    --color-header: var(--color-grey);
    --color-header-text: var(--color-white);

    --color-ram: var(--color-ram-main);
    --color-ram-text: var(--color-white);

    --color-cu: var(--color-cu-main);
    --color-cu-text: var(--color-white);

    --color-alu: var(--color-alu-main);
    --color-alu-text: var(--color-white);

    --color-table-row: var(--color-white-light1);
    --color-table-row-alt: var(--color-white-light2);
    --color-table-text: var(--color-black);
    --color-table-text-empty: var(--color-grey-light2);
    --color-table-border: var(--color-white-light2);

    --color-table-ram-head: var(--color-ram-dark1);
    --color-table-ram-head-text: var(--color-white);
    --color-table-ram-highlight: var(--color-ram-light2);
    --color-table-ram-highlight-text: var(--color-black);
    --color-table-ram-select: transparent;
    --color-table-ram-select-text: inherit;
    --color-table-ram-select-border: var(--color-grey-light2);
    --color-table-ram-button-border: var(--color-controls-button-border);

    --color-table-cu-head: var(--color-cu-dark1);
    --color-table-cu-head-text: var(--color-white);
    --color-table-cu-highlight: var(--color-cu-light2);
    --color-table-cu-highlight-text: var(--color-black);
    --color-table-cu-select: transparent;
    --color-table-cu-select-text: inherit;
    --color-table-cu-select-border: var(--color-grey-light2);
    --color-table-cu-button-border: var(--color-controls-button-border);

    --color-arrow: var(--color-arrow-main);
    --color-arrow-text: var(--color-white);
    --color-arrow-text-hover: var(--color-white-light2);
    --color-arrow-border: var(--color-black-light1);

    --color-modal: var(--color-white-light1);
    --color-modal-text: var(--color-black);
    --color-modal-shadow: rgba( 0,0,0, 0.4 );

    --color-code: var(--color-white-light2);
    --color-code-text: var(--color-black);

    --color-loader-text: var(--color-black);
    --color-loader: var(--color-grey-light1);
    --color-loader-hover: var(--color-grey-light2);
}


/* https://coolors.co/aa8f66-ed9b40-ffeedb-61c9a8-ba3b46-071013 */
/* https://coolors.co/faf3dd-000022-9c528b-62a87c-247ba0-429ea6-8fb8de-72705b */