dodane css variables, in spletna pisava

stylesheet.css

@@ -1,3 +1,20 @@
 /* spetna pisava*/
 @import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
 
+/* CSS barve pa oblike ki se bojo ponavljale da mi jih ne bo treba vsakic znova definirt bojo tuki, pa ce bo reba kej spremenit bo tudi lazje, ker samo na enem mestu spremenis */
+:root {
+    --barva-ozadje: #F0E5D2; /*vse barve so vzete iz logotipa*/
+    --barva-besedilo: #45220E;
+    --barva-poudarek: #60552C; /*ta je tista malo bolj zelena*/
+    --barva-dodatna: #CE9550;
+
+    --barva-kartice: #FFF9F0;
+    --barva-besedilo-na-temnem: #F0E5D2;
+    --barva-hero-prekrivna: rgba(69, 34, 14, 0.55);
+    --barva-senca: rgba(69, 34, 14, 0.18); /* uporabljena vrednost rgba da lahko nastavim še prosojnost a- alpha chanell za prosojnost */
+
+    --senca-kartice: 0 0.25rem 0.8rem var(--barva-senca); /*rem- relative unit of measurement, lažje prilagajanje, var- pa predstavlja vrednost definirano v root-u */
+    --zaobljenost: 0.75rem;
+}
+
+/*osnovne nastavitve */