:root {
    /****************** Basic **********************/
    --primary-color: var(--color-primary);
    --primary-color-gradient: var(--color-primary-light);
    --secondary-color: var(--color-secondary);
    --secondary-color-gradient: var(--color-secondary-light);
    --tertiary-color: #212b42;
    --quaternary-color: var(--color-text-dark);
    --quaternary-color-invert: white;
    --background-color: white;
    --second-background-color: #02765c;
    --info-background-color: cornsilk;
    --warn-background-color: indianred;
    --highlight-color: rgb(0, 129, 192);
    --text-color: var(--quaternary-color);
    --text-color-invert: var(--background-color);
    --text-color-input-disabled: #0000ff;
    --font-size: 14px;
    --header-color: var(--tertiary-color);
    --color-green: #279A4E;
    --color-yellow: yellow;
    --color-red: orangered;
    /****************** Detailed **********************/
    /* Icon */
    --icon-color: var(--primary-color);
    --icon-color-invert: var(--background-color);
    /* Card */
    --card-background-color: var(--background-color);
    --card-border-radius: 1rem;
    /* Button 1 */
    --button-radius: 1.2rem;
    --button-line-border: var(--quaternary-color);
    --button-line-background: var(--background-color);
    --button-line-color: var(--quaternary-color);
    /* Button 2 */
    --button-neutral-border: var(--primary-color);
    --button-neutral-background: var(--primary-color);
    --button-neutral-color: var(--text-color-invert);
    /* Button 3 */
    --button-positive-border: var(--secondary-color);
    --button-positive-background: var(--secondary-color);
    --button-positive-color: var(--text-color-invert);
    /* Table */
    --table-background: var(--background-color);
    --table-color: #000000;
    --table-header-background: var(--tertiary-color);
    --table-header-color: var(--text-color-invert);
    --table-sum-background: var(--background-color);
    --table-sum-text: var(--text-color);
    --table-hover-color: #eeffee;
    /* Menu */
    --menu-color: var(--tertiary-color);
}