/* TODO: clean the style */
/* ---- we define variables to ease the CSS ---- */

/* the same colors are often used : we do not use global variables for these colors because we could need to change a specific element,
   it will be faster to already have every element correctly separated */
:root {
    /* -- general -- */

    --font: "Arial";

    --body-background-color: rgb(45, 45, 45);

    --header-color-text: rgb(246,173,36);

    --article-color-text: rgb(255, 255, 255);

    --h1-color-text: rgb(246,173,36);
    --h2-color-text: rgb(246,173,36);
    --h4-color-text: rgb(246,173,36);

    --p-color-text: rgb(246,173,36);

    --a-color-text: rgb(246,173,36);

    --ul-color-text: rgb(255,0,0);

    --main-element-radius: 10px;

    /* -- forms -- */

    --input-color-background: rgba(0,0,0,0.15);
    --input-color-border: rgb(246,173,36);
    --input-color-text: rgb(255,255,255);

    --input-placeholder-color-text: rgba(162,152,133,0.7);

    --label-color-text: rgb(246,173,36);

    --editor-color-border-reversed: rgb(0,0,0);

    --list-error-color-text: rgb(255,255,255);
    --list-error-color-background: rgb(154,60,68);
    --list-error-color-border: rgb(255,255,255);

    --list-notice-color-text: rgb(0,0,0);
    --list-notice-color-background: rgb(255, 193, 7);
    --list-notice-color-border: rgb(102, 77, 3);

    --list-success-color-background: rgb(73,181,37);
    --list-success-color-shadow: rgb(87,130,98);
    --list-success-color-text: rgb(255,255,255);

    --select-option-color-text: rgb(0,0,0);

    /* -- tables -- */

    --table-header-color-text: rgb(255,255,255);
    --table-header-color-background: rgba(246,173,36,0.7);

    --table-color-border: rgb(255,255,255);

    --table-search-color-border: rgb(74,88,115);

    --table-color-background-active: rgb(26,64,16);
    --table-color-background-active-hover: rgb(50,99,50);
    --table-color-background-inactive: rgb(128,34,39);
    --table-color-background-inactive-hover: rgb(177,67,67);
    --table-color-background-archived: rgb(97,94,94);
    --table-color-background-archived-hover: rgb(128, 128, 128);

    /* -- buttons -- */

    --positive-color-background: rgb(73,181,37);
    --positive-color-shadow: rgb(87,130,98);
    --positive-color-text: rgb(255,255,255);

    --negative-color-background: rgb(183,47,47);
    --negative-color-shadow: rgb(195,61,61);
    --negative-color-text: rgb(255,255,255);

    --neutral-color-background: rgba(246,173,36,0.7);
    --neutral-color-shadow: rgb(158,97,33);
    --neutral-color-text: rgb(255,255,255);

    --disabled-color-background: lightgray;
    --disabled-color-shadow: darkgray;
    --disabled-color-text: black;
}