/* :root { /*1*/
/*     --tag-white: #FFF; */
/*     --tag-black: #000; */
/*     --accent-red: #D22B3C; */
/*     --accent-orange: hsl(24.74 76.38% 50.2%); */
/*     --accent-yellow: #EFB201; */
/*     --accent-green: #54A966; */
/*     --accent-blue: #8AA5D0; */
/*     --accent-violet: hsl(334.29 45% 55%); */
/* } */

/* :root { /*2*/
    /* --tag-white: #FBEAD0; /* Šitos dvi spalvos išties neblogai atrodo*/
    /* --tag-black: #605559; /* Šitos dvi spalvos išties neblogai atrodo*/
/*     --tag-black: #000; */
/*     --accent-red: ; */
/*     --accent-orange: #FD7119; */
/*     --accent-yellow: #FC9F28; */
/*     --accent-green: #9DDEAA; */
/*     --accent-blue: #8EBFFB; */
/*     --accent-violet: #FDBAF1; */
/* } */

/* :root { /*3*/
/*     --tag-white: #FFF; */
/*     --tag-black: #000; */
/*     --accent-red: #FD5A46; */
/*     --accent-orange: #FB7DA8; */
/*     --accent-yellow: #FFC567; */
/*     --accent-green: #00995E; */
/*     --accent-blue: #058CD7; */
/*     --accent-violet: #552CB7; */
/* } */

/* :root { /*4 */
/*     --tag-white: #FFF; */
/*     --tag-black: #000; */
/*     --accent-red: #FF544C; */
/*     --accent-orange: #FE9A34; */
/*     --accent-yellow: #FFE458; */
/*     --accent-green: #2AD25A; */
/*     --accent-teal: #2AB0A3; */
/*     --accent-blue: #2A8EEC; */
/*     --accent-violet: hsl(290.23 50% 63%); */
/* } */

/* :root { /*5*/
/*     --tag-white: #FFF; */
/*     --tag-black: #1E212B; */
/*     --accent-red: #CC0029; */
/*     --accent-orange: #FF8427; */
/*     --accent-yellow: #FFC800; */
/*     --accent-green: #4D8B31; */
/*     --accent-blue: #2378A9; */
/*     --accent-violet: #A344DA; */
/* } */

/* :root { /*6 biškį akis skauda ir užpisančios spalvos */
/*     --tag-white: #FFF; */
/*     --tag-black: #000; */
/*     --accent-red: #F00; */
/*     /* --accent-orange: #FFA500; */
/*     --accent-orange: #FF8000; */
/*     --accent-yellow: #FF0; */
/*     --accent-green: #0F0; */
/*     --accent-light-blue: #0FF; */
/*     --accent-teal: hsl(180deg 100% 37.5%); */
/*     --accent-teal: #00bfbf; */
/*     --accent-teal: hsl(174 60% 57%) */
/*     --accent-blue: #00F; */
/*     --accent-violet: #8000ff; */
/*     --accent-pink: #F0F; */
/* } */

/* :root { /*7*/
/*     --tag-white: #FFF; */
/*     --tag-black: #000; */
/*     --accent-red: #FF3B2F; */
/*     --accent-orange: #FF9500; */
/*     --accent-yellow: #FFCC00; */
/*     --accent-green: #34C85A; */
/*     --accent-blue: #007AFF; */
/*     --accent-violet: #5856D6; */
/*     --accent-pink: #AF52DE; */
/* } */

/*     --general-background: oklch(1 0 0); */
/*     --foreground: oklch(0.2 0 0); */
/* @media (prefers-color-scheme: dark) { */
/*     :root { */
/*         --general-background: oklch(0 0 0); */
/*         --foreground: oklch(0.85 0 0); */
:root { /*8*/
    --tag-white: #FFF;
    --tag-black: #000;
    --accent-red: #F00; /* Metalas */
    --accent-redorange: #FF4000;
    --accent-orange: #FF8000; /* Oda */
    --accent-orangeyellow: #FFC000; /* Mediena */
    --accent-yellow: #FF0;
    --accent-yellowgreen: #C0FF00;
    --accent-greenyellow: #80FF00;
    --accent-green: #0F0;
    --accent-greenelectricblue: #00FF80;
    --accent-electricbluegreen: #00FFC0; /* Neriniai */
    --accent-electricblue: #0FF; /* Elektra */
    --accent-electricbluelightblue: #00C0FF;
    --accent-lightblue: #0080FF; /* 3D Spausdinimas */
    --accent-lightblueblue: #0040FF; /* Programavimas */
    --accent-blue: #00F; /* HTML/CSS */
    --accent-bluepink: #8000FF;
    --accent-pinkblue: #C000FF; /* Siuviniai */
    --accent-pink: #F0F;
    --accent-redpink: #FF0080; /* Grafinis dizainas */
    --tag-hover-light-delta: 0.1;
    --tag-active-light-delta: 0.2;
}

:root {
    --septyni-normal: var(--accent-orange);
    --astuoni-normal: var(--accent-lightblue);
    --devyni-normal: var(--accent-redpink);

    --desimt-normal: var(--accent-redorange);
    --vienuolika-normal: var(--accent-yellowgreen);
    --dvylika-normal: var(--accent-greenelectricblue);
    --trylika-normal: var(--accent-electricbluelightblue);
    --keturiolika-normal: var(--accent-bluepink);

    --penkiolika-normal: var(--accent-orangeyellow);
    --sesiolika-normal: var(--accent-greenyellow);
    --septyniolika-normal: var(--accent-electricbluegreen);
    --astuoniolika-normal: var(--accent-lightblueblue);
    --devyniolika-normal: var(--accent-pinkblue);
}

.mediena:link,
.mediena:visited {
    color: var(--tag-black);
    background: var(--accent-orangeyellow);
}
.mediena:hover {
    background: oklch(from var(--accent-orangeyellow) calc(l - var(--tag-hover-light-delta)) c h );
}
.mediena:active {
    background: oklch(from var(--accent-orangeyellow) calc(l - var(--tag-active-light-delta)) c h );
}

.neriniai:link,
.neriniai:visited {
    color: var(--tag-black);
    background: var(--accent-electricbluegreen);
}
.neriniai:hover {
    background: oklch(from var(--accent-electricbluegreen) calc(l - var(--tag-hover-light-delta)) c h );
}
.neriniai:active {
    background: oklch(from var(--accent-electricbluegreen) calc(l - var(--tag-active-light-delta)) c h );
}

.d3spausdinimas:link,
.d3spausdinimas:visited {
    color: var(--tag-white);
    /* color: var(--tag-black); */
    background: var(--accent-lightblue);
}
.d3spausdinimas:hover {
    background: oklch(from var(--accent-lightblue) calc(l - var(--tag-hover-light-delta)) c h );
}
.d3spausdinimas:active {
    background: oklch(from var(--accent-lightblue) calc(l - var(--tag-active-light-delta)) c h );
}

.metalas:link,
.metalas:visited {
    color: var(--tag-white);
    /* color: var(--tag-black); */
    background: var(--accent-red);
}
.metalas:hover {
    background: oklch(from var(--accent-red) calc(l - var(--tag-hover-light-delta)) c h );
}
.metalas:active {
    background: oklch(from var(--accent-red) calc(l - var(--tag-active-light-delta)) c h );
}

.elektra:link,
.elektra:visited {
    color: var(--tag-black);
    background: var(--accent-electricblue);
}
.elektra:hover {
    background: oklch(from var(--accent-electricblue) calc(l - var(--tag-hover-light-delta)) c h );
}
.elektra:active {
    background: oklch(from var(--accent-electricblue) calc(l - var(--tag-active-light-delta)) c h );
}

.programavimas:link,
.programavimas:visited {
    color: var(--tag-white);
    /* color: var(--tag-black); */
    background: var(--accent-lightblueblue);
}
.programavimas:hover {
    background: oklch(from var(--accent-lightblueblue) calc(l - var(--tag-hover-light-delta)) c h );
}
.programavimas:active {
    background: oklch(from var(--accent-lightblueblue) calc(l - var(--tag-active-light-delta)) c h );
}

.oda:link,
.oda:visited {
    color: var(--tag-white);
    /* color: var(--tag-black); */
    background: var(--accent-orange);
}
.oda:hover {
    background: oklch(from var(--accent-orange) calc(l - var(--tag-hover-light-delta)) c h );
}
.oda:active {
    background: oklch(from var(--accent-orange) calc(l - var(--tag-active-light-delta)) c h );
}

.siuviniai:link,
.siuviniai:visited {
    color: var(--tag-white);
    /* color: var(--tag-black); */
    background: var(--accent-pinkblue);
}
.siuviniai:hover {
    background: oklch(from var(--accent-pinkblue) calc(l - var(--tag-hover-light-delta)) c h );
}
.siuviniai:active {
    background: oklch(from var(--accent-pinkblue) calc(l - var(--tag-active-light-delta)) c h );
}

.grafinis-dizainas:link,
.grafinis-dizainas:visited {
    color: var(--tag-white);
    /* color: var(--tag-black); */
    background: var(--accent-redpink);
}
.grafinis-dizainas:hover {
    background: oklch(from var(--accent-redpink) calc(l - var(--tag-hover-light-delta)) c h );
}
.grafinis-dizainas:active {
    background: oklch(from var(--accent-redpink) calc(l - var(--tag-active-light-delta)) c h );
}

.html-css:link,
.html-css:visited {
    color: var(--tag-white);
    /* color: var(--tag-black); */
    background: var(--accent-blue);
}
.html-css:hover {
    background: oklch(from var(--accent-blue) calc(l - var(--tag-hover-light-delta)) c h );
}
.html-css:active {
    background: oklch(from var(--accent-blue) calc(l - var(--tag-active-light-delta)) c h );
}


.vienuolika:link,
.vienuolika:visited {
    color: var(--tag-black);
    background: var(--vienuolika-normal);
}
.vienuolika:hover {
    background: var(--vienuolika-hover);
}
.vienuolika:active {
    background: var(--vienuolika-active);
}

.dvylika:link,
.dvylika:visited {
    background: var(--dvylika-normal);
}
.dvylika:hover {
    background: var(--dvylika-hover);
}
.dvylika:active {
    background: var(--dvylika-active);
}

.trylika:link,
.trylika:visited {
    color: var(--tag-black);
    background: var(--trylika-normal);
}
.trylika:hover {
    background: var(--trylika-hover);
}
.trylika:active {
    background: var(--trylika-active);
}

.keturiolika:link,
.keturiolika:visited {
    color: var(--tag-black);
    background: var(--keturiolika-normal);
}
.keturiolika:hover {
    background: var(--keturiolika-hover);
}
.keturiolika:active {
    background: var(--keturiolika-active);
}

.penkiolika:link,
.penkiolika:visited {
    color: var(--tag-black);
    background: var(--penkiolika-normal);
}
.penkiolika:hover {
    background: var(--penkiolika-hover);
}
.penkiolika:active {
    background: var(--penkiolika-active);
}

.sesiolika:link,
.sesiolika:visited {
    color: var(--tag-black);
    background: var(--sesiolika-normal);
}
.sesiolika:hover {
    background: var(--sesiolika-hover);
}
.sesiolika:active {
    background: var(--sesiolika-active);
}

.septyniolika:link,
.septyniolika:visited {
    color: var(--tag-black);
    background: var(--septyniolika-normal);
}
.septyniolika:hover {
    background: var(--septyniolika-hover);
}
.septyniolika:active {
    background: var(--septyniolika-active);
}

.astuoniolika:link,
.astuoniolika:visited {
    color: var(--tag-black);
    background: var(--astuoniolika-normal);
}
.astuoniolika:hover {
    background: var(--astuoniolika-hover);
}
.astuoniolika:active {
    background: var(--astuoniolika-active);
}

.devyniolika:link,
.devyniolika:visited {
    color: var(--tag-black);
    background: var(--devyniolika-normal);
}
.devyniolika:hover {
    background: var(--devyniolika-hover);
}
.devyniolika:active {
    background: var(--devyniolika-active);
}