/* 
Theme Name: CodeOffice Handmade 1.2
Author: Attila Varga
Description: A block theme for the new, woo commerce expert codeoffice.de. 
Requires at least: 6.0 
Tested up to: 6.0 
Requires PHP: 7.0 
Version: 1.2
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain: codeoffice-block 
*/
/* --- Color Variables --- */
:root {
    /* Primary */
    --color-blue-gray:    #9daaa8;
    --color-cream:        #fffaeb;
    --color-burnt-orange: #d5681d;
    --color-puce:         #4f3a30;
    --color-corvette:     #e5c477;

    /* Secondary */
    --color-teal:    #13ad88;
    --color-warm-gray: #8d746e;
    --color-crimson: #9c1243;
    --color-red:     #e81428;
    --color-indigo:  #250f99;
    --color-violet:  #8c0fc7;

  /* Itt definiálod az elnevezett színeidet */
  --ecset-burnt-orange:  brightness(0) saturate(100%) invert(44%) sepia(91%) saturate(847%) hue-rotate(350deg) brightness(87%) contrast(90%);
  --ecset-kek: invert(13%) sepia(82%) saturate(5412%) hue-rotate(245deg) brightness(96%) contrast(143%);
  --ecset-puce: brightness(0) saturate(100%) invert(21%) sepia(3%) saturate(4541%) hue-rotate(334deg) brightness(101%) contrast(89%);
}

/* --- SVG Filter Classes (apply to a black SVG image to colorize it) --- */
.svg-blue-gray {
    filter: brightness(0) saturate(100%) invert(76%) sepia(8%) saturate(267%) hue-rotate(121deg) brightness(88%) contrast(87%);
}
.svg-cream {
    filter: brightness(0) saturate(100%) invert(91%) sepia(7%) saturate(967%) hue-rotate(323deg) brightness(109%) contrast(104%);
}
.svg-burnt-orange {
    filter: brightness(0) saturate(100%) invert(44%) sepia(91%) saturate(847%) hue-rotate(350deg) brightness(87%) contrast(90%);
}
.svg-puce {
    filter: brightness(0) saturate(100%) invert(21%) sepia(3%) saturate(4541%) hue-rotate(334deg) brightness(101%) contrast(89%);
}
.svg-corvette {
    filter: brightness(0) saturate(100%) invert(85%) sepia(19%) saturate(953%) hue-rotate(350deg) brightness(94%) contrast(91%);
}
.svg-teal {
    filter: brightness(0) saturate(100%) invert(64%) sepia(47%) saturate(3812%) hue-rotate(123deg) brightness(86%) contrast(85%);
}
.svg-warm-gray {
    filter: brightness(0) saturate(100%) invert(48%) sepia(12%) saturate(586%) hue-rotate(324deg) brightness(95%) contrast(92%);
}
.svg-crimson {
    filter: brightness(0) saturate(100%) invert(16%) sepia(27%) saturate(7098%) hue-rotate(321deg) brightness(96%) contrast(102%);
}
.svg-red {
    filter: brightness(0) saturate(100%) invert(23%) sepia(96%) saturate(7379%) hue-rotate(349deg) brightness(94%) contrast(93%);
}
.svg-indigo {
    filter: brightness(0) saturate(100%) invert(18%) sepia(57%) saturate(4379%) hue-rotate(246deg) brightness(68%) contrast(122%);
}
.svg-violet {
    filter: brightness(0) saturate(100%) invert(18%) sepia(28%) saturate(7465%) hue-rotate(271deg) brightness(106%) contrast(121%);
}

body {
    background: linear-gradient(300deg, #fffaeb, white);
}