/* E-LINE USER CSS
** 
** Use this file in order to add your own custom CSS to the site.
**
** If you wish to use a minified version of this file, take this file and minify it using a CSS minifier.
** Then upload the minified version, the site will automatically use the minified version.
*/

/* CSS variables
** Add already existing CSS variables from the user theme CSS variables, 
** or your own custom CSS variables, within the ":root" selector below.
** 
** How to use the variables:
** 1. Copy the variable including the value from "user-theme.css" file.
** 2. Paste the variable within the ":root" selector below.
** 3. Replace the value of the variable to the desired value.
** 4. Remove the comment markup from the variable.
** 5. After the file is saved it can be uploaded to the server.
*/
:root {
    /* Add CSS variables here... */

    /* TEST COLORS */
    --user-color-primary--50: oklch(0.985 0 0);
    --user-color-primary--100: oklch(0.97 0 0);
    --user-color-primary--200: oklch(0.922 0 0);
    --user-color-primary--300: oklch(0.87 0 0);
    --user-color-primary--400: oklch(0.708 0 0);
    --user-color-primary--500: oklch(0.556 0 0);
    --user-color-primary--600: oklch(0.439 0 0);
    --user-color-primary--700: oklch(0.371 0 0);
    --user-color-primary--800: oklch(0.269 0 0);
    --user-color-primary--900: oklch(0.205 0 0);
    --user-color-primary--950: oklch(0.145 0 0);

    --user-background-color-button--primary: var(--user-color-primary--950);
    --user-background-color-button--primary---hover: var(--user-color-primary--800);
    --user-background-color-button--buy: var(--user-color-primary--950);
    --user-background-color-button--buy---hover: var(--user-color-primary--800);

    /*--user-color-green--50: oklch(0.985 0 0);
    --user-color-green--100: oklch(0.97 0 0);
    --user-color-green--200: oklch(0.922 0 0);
    --user-color-green--300: oklch(0.87 0 0);
    --user-color-green--400: oklch(0.708 0 0);
    --user-color-green--500: oklch(0.556 0 0);
    --user-color-green--600: oklch(0.439 0 0);
    --user-color-green--700: oklch(0.371 0 0);
    --user-color-green--800: oklch(0.269 0 0);
    --user-color-green--900: oklch(0.205 0 0);
    --user-color-green--950: oklch(0.145 0 0);*/
}