/*! EuroCMS themes Dark Them v0.0.1 */

/*
    Default variables
*/

:root {
    --body-font-family:
        "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    --body-background-color: #f9f9f9;
    --selection-bg-color: #0065a4;
    --selection-color: #ffffff;
    --background-color: #000000;
    --text-color: #454545;
    --border-color: #cccccc;

    --border-focus-color: #33c3f0;

    --object-background-color: #eeeeee;

    --nav-menu-color: rgb(216, 212, 207) !important;
    --nav-menu-background-color: rgb(135, 16, 7) !important;
    --box-shadow: rgba(0, 0, 0, 0.75);

    --border-radius: 5px;

    --link-color: #3465a4;

    /* Section */
    --section-width: 80%;
    --section-margin: 0px auto;
    --section-background-color: #ffffff;

    /* buttons */

    --input-border-radius: 0px;
    --input-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    --input-background-image: #454545;
    --input-background: #eeeeee;
    --input-color: #454545;
    --input-outline: none;

    --input-type-range-margin: 0px;

    /* Additive Color Model (RGB) */

    --color-red: #ff0000;

    --color-green: #008000ff;
    --color-light-green: #90ee90ff;
    --color-dark-green: #006400ff;
    --color-blue: blue;

    /*Fade in and out*/
    --fade-in-speed: 100ms;
    --fade-out-speed: 100ms;

    /*
        Subtractive Color Model (CMY/CMYK)
    */

    --color-cyan: cyan;
    --color-magenta: magenta;
    --color-yellow: yellow;
    --color-black: black;
}

/* Dark theme variables */

[data-theme="dark"] {
    --text-color: rgb(188, 183, 174);
    --background-color: rgb(27, 30, 31);
    --border-color: rgb(62, 68, 70);
    --border-focus-color: rgb(62, 68, 70);

    --object-background-color: rgb(34, 36, 38);

    --nav-menu-color: rgb(205, 200, 194) !important;
    --nav-menu-background-color: rgb(108, 13, 6) !important;

    --box-shadow: rgba(0, 0, 0, 0.75);

    --section-background-color: rgb(24, 26, 27);

    --link-color: rgb(118, 167, 212);

    --color-red: #8b0000ff;

    --color-green: #006400ff;
}