/* vim: set ft=css: 
   usefull: set nodiff, set nofoldenable */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* global scope variables */
/* hsl model je široko podporovaný a má výhodu v možnostiach posunu od základnej farby (naslavením sýtosti s a svetelnosti l) https://drafts.csswg.org/css-color/#the-hsl-notation */
/* rozšírený model hsla pridáva zložku transparentnosti */
/* V roku 2026 preskúmať možnosti relatívnych HSL farieb https://caniuse.com/mdn-css_types_color_hsl_relative_syntax, v 7/2025 je podpova 88% brovserov*/
/* neskôr aj možnosť definície farebnej schémy v css https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark */
:root {
    --body_bg_color: hsl(0, 0%, 96%); /* pozadie tela */
    --text_main_color: hsl(0, 0%, 0%); /* štandardná farba textu */

    --a_color: hsl(0, 0%, 0%); /* farba textu liniek */
    --a_visited_color: hsl(0, 0%, 50%); /* farba navštívených liniek */
    --a_hover_color: hsl(0, 0%, 0%); /* farba nadídených liniek */
    --a_hover_bg_color: hsl(25, 72%, 64%); /* farba pozadia nadídených liniek */

    --menu_color: hsl(0, 0%, 41%); /* farba textu menu */
    --menu_bg_color: hsl(0, 0%, 86%); /* pozadie menu */
    --menu_borders_color: hsl(0, 0%, 83%); /* ramik menu */
    --submenu_borders_color: hsl(0, 0%, 66%); /* ramik submenu */

    --menu_active_color: hsl(0, 0%, 0%); /* farba textu nadídeného menu */
    --submenu_active_color: hsl(0, 0%, 41%); /* farba textu nadídeného submenu */

    --headings_color: hsl(135, 22%, 40%); /* písmo nadpisov */
    --headers_color: hsl(100, 48%, 17%); /* písmo v havičkách */
    --headers_bg_color: hsl(0, 0%, 80%);
    --main_borders_color: hsl(0, 0%, 50%); /* hlavne ramiky */
    --supp_borders_color: hsl(0, 0%, 50%); /* doplnkove ramiky */

    --highlights_color: hsl(327, 100%, 42%); /* highlighty, errory, drobne graficke prvky */
    --highlights2_color: #1F3697; /* highlighty, errory, drobne graficke prvky */
    --highlights_bg_color: hsla(0, 100%, 80%, 0.4); /* podfarbenia zvyraznenych riadkov */
    --highlights2_bg_color: hsl(37, 100%, 92%, 0.8); /* podfarbenia zvyraznenych riadkov */
    --highlights3_bg_color: hsl(135, 29%, 78%); /* KEB specific podfarbenia zvyraznenych riadkov */
    --ok_color: green; /* farba pre vyjadrenie zhody */
    --inactive_color: hsla(0, 0%, 41%, 0.5); /* farba textu neaktívnych prvkov */

    --block_border_color: hsl(0, 0%, 86%); /* mierny posun svetelnosti voči --block_bg_color a --body_bg_color */
    --block_bg_color: hsl(0, 0%, 91%); /* mierny posun svetelnosti voči --block_border_color */
    --help_bg_color: hsl(50, 30%, 100%); /* mierny posun svetelnosti voči --body_bg_color */

    --inputs_color: hsl(100, 48%, 17%);
    --inputs_bg_color: hsl(0, 0%, 86%);
    --inputs_border_color: hsl(0, 0%, 86%);
    --inputs_focused_outline_color: hsl(0, 0%, 75%);
    --mmeditable_bg_color: hsla(0, 0%, 86%, 0.2);
    --mmeditable_border_color: hsl(from var(--inputs_border_color) h s calc(l - 25)); /* o 20% menšia svetelnosť ako podklad */

    --tables_border_color: hsl(0, 0%, 41%);
    --tables_sub_header_bg_color: hsl(120, 9%, 66%); /* niekedy maju tabulky druhu hlavicku -bg; prva hlavicka ma bg nastaveny na --headers_color */
    --tr_even_bg_color: hsl(0, 0%, 100%); /* pozadie parnych riadkov tabuliek */
    --tr_odd_bg_color: hsl(0, 0%, 95%); /* pozadie neparnych riadkov tabuliek */
}