/* css/theme.css – zmienne (kolory, fonty, odstępy) = wartości oryginalnej strony blokpisarski.pl.
   Kolory motywu 4 nadpisuje css/motyw-4-kolory.css (ładowany po style.css). */
:root{
  /* ---------- 1. PALETA PODSTAWOWA (rdzeń marki) ---------- */
  --color-primary: #ffc600; /* żółty marki – przyciski, akcenty, menu */
  --color-primary-alt: #ffb606; /* drugi odcień żółtego (LearnPress) */
  --color-black: #000000; /* czarny – tekst, pasek górny */
  --color-ink: #090700; /* prawie czarny – tekst nagłówków (motyw) */
  --color-white: #ffffff; /* biały */
  --color-border: #eeeeee; /* jasnoszare obramowania */
  --color-slate: #3d4459; /* grafitowy tekst (sekcje Elementora) */
  --color-violet: #4632da; /* fioletowy akcent (przyciski/hover) */
  --color-navy: #16163f; /* granatowy tekst */
  --color-gold: #d3b574; /* złoty akcent */
  --color-focus: #1a73e8; /* obrys fokusu (dostępność) */

  /* ---------- 2. ROLE SEMANTYCZNE (domyślnie wskazują na paletę; nadpisz, by zmienić tylko daną rolę) ---------- */
  --color-text: var(--color-gray-40-2); /* podstawowy kolor tekstu (body) */
  --color-text-muted: var(--color-gray-60); /* tekst drugorzędny: placeholdery, podmenu, podtytuły */
  --color-heading: var(--color-gray-06-2); /* nagłówki h1–h6 (bazowo w motywie) */
  --color-bg: var(--color-white); /* tło strony */
  --color-surface: var(--color-gray-96); /* jasne tło boksów / przełączników */
  --color-accent: var(--color-violet); /* kolor akcentu (fiolet) – wyróżnienia, hover przycisków */
  --color-link: var(--color-blue-46); /* linki w treści */
  --color-link-hover: var(--color-primary-alt); /* linki po najechaniu / fokus */
  --color-btn-bg: var(--color-primary); /* tło przycisków w kolorze marki */
  --color-btn-text: var(--color-white); /* tekst na przyciskach w kolorze marki */
  --color-btn-bg-hover: var(--color-white); /* tło przycisków po najechaniu */
  --color-btn-text-hover: var(--color-white); /* tekst przycisków po najechaniu */
  --color-header-bg: var(--color-white); /* tło nagłówka przyklejonego (sticky), podmenu i menu mobilnego */
  --color-header-text: var(--color-gray-20); /* tekst menu w nagłówku przyklejonym i w menu mobilnym */
  --color-header-text-hover: var(--color-gray-72); /* tekst menu głównego po najechaniu */
  --color-mobile-menu-bg: var(--color-gray-14); /* tło wysuwanego menu mobilnego */
  --color-mobile-menu-text: var(--color-gray-47); /* tekst wysuwanego menu mobilnego */
  --color-footer-bg: var(--color-gray-48); /* tło stopki */
  --color-footer-text: var(--color-white); /* tekst, tytuły i linki w stopce */
  --color-copyright-bg: var(--color-gray-04); /* tło paska copyright */
  --color-copyright-text: var(--color-gray-78); /* tekst paska copyright */
  --color-overlay: color-mix(in srgb, var(--color-black) 50%, transparent); /* półprzezroczysta nakładka na banery/zdjęcia */
  --color-page-title-text: var(--color-white); /* tekst na banerze tytułu podstrony */
  --color-footer-link: var(--color-primary-alt); /* linki w stopce po najechaniu / akcent stopki */
  --color-section-bg: var(--color-blue-98); /* tło sekcji wyróżnionych (np. „Zajrzyj na nasz blog” na stronie głównej) */
  --color-accent-text: var(--color-primary); /* akcent jako TEKST na jasnym tle (żółte nagłówki i tytuły kafelków na stronie głównej) */
  --color-hero-bg: var(--color-primary); /* tło sekcji hero „W Bloku Pisarskim” (strona główna) */
  --color-hero-kicker: var(--color-white); /* hero – nadtytuł */
  --color-hero-title: var(--color-white); /* hero – duży tytuł */
  --color-hero-text: var(--color-slate); /* hero – opis */
  --font-heading: var(--font-roboto); /* krój nagłówków motywu (h1–h6 i tytuły w motywie Thim) */
  --font-body: var(--font-roboto); /* krój tekstu motywu (body) */

  /* ---------- 3. PALETA ROZSZERZONA (odcienie z sekcji Elementora/wtyczek; nazwa = rodzina-jasność%) ---------- */
  --color-blue-13: #111633; /* tekst×18; np. .el-6807 .el-element.e-7dcf71fd .elementskit-section-title-wraper .elementskit-section-tit */
  --color-blue-19: #211f40; /* tekst×21; np. .el-9886 .el-element.e-15a242b */
  --color-blue-26: #123075; /* tło×1; np. /* --- z: /wp-content/plugins/elementskit-lite/widgets/init/assets/css/blog-posts.css ---  */
  --color-blue-35: #0077b5; /* obramowanie×1, tło×1; np. .thim-social-share li>div.linkedin-social a:hover */
  --color-blue-37: #2d438e; /* tekst×4, tło×1, obramowanie×1; np. .el-6807 .el-element.e-278d07a .elementskit-infobox .elementskit-info-box-title */
  --color-blue-41: #3b5998; /* tło×2, obramowanie×1; np. .el-social-icon-facebook, .el-social-icon-facebook-f */
  --color-blue-42: rgb(1.1312217195%, 31.2971342383%, 82.2021116139%); /* tło×1; np. .ekit-wid-con .elementskit-btn:hover */
  --color-blue-43: #1e85be; /* obramowanie×1, tekst×1; np. .woocommerce-info */
  --color-blue-44: #0d96d1; /* zmienna --e-global-color-primary×1; np. /* --- z: /wp-content/plugins/elementor/assets/lib/eicons/css/el-icons.min.css --- 

/*  */
  --color-blue-45: #0c5adb; /* tekst×1, tło×1; np. .ekit-wid-con .elementskit-border-divider::before */
  --color-blue-46: #337ab7; /* tekst×1; np. a */
  --color-blue-47: #4054b2; /* tło×1; np. .el-flip-box__back */
  --color-blue-52: #1877f2; /* tekst×1; np. HTML inline: przycisk „Zaloguj przez Facebook” (makieta) */
  --color-blue-57: #2575fc; /* tekst×4, tło×4, obramowanie×1; np. .el-6807 .el-element.e-731a93cf .elementskit-infobox .elementskit-info-box-title */
  --color-blue-57-2: #3538f0; /* cień×5; np. .el-9660 .el-element.e-7685b0e .el-button */
  --color-blue-61: #5c55e1; /* tekst×4, tło×2, obramowanie×2; np. .el-8598 .el-element.e-155da0b .elementskit-icon-wraper a:first-child */
  --color-blue-61-2: #8692af; /* tło×1; np. .ekit-wid-con .elementskit-post-card .elementskit-border-hr */
  --color-blue-66: #66afe9; /* cień×2, obramowanie×1; np. .form-control:focus */
  --color-blue-69: #a6aabb; /* tekst×1; np. .ekit-wid-con .elementskit-post-card .elementskit-post-body */
  --color-blue-98: #f7f9fb; /* tło×2; np. .el-6962 .el-element.e-2b1db1c0:not(.el-motion-effects-element-type-background) */
  --color-blue-98-2: #f7f8fb; /* tło×2; np. .el-8598 .el-element.e-44776eb:not(.el-motion-effects-element-type-background) */
  --color-gray-00: #010101; /* tekst×1; np. .el-6807 .el-element.e-2ffa3954 .elementskit-section-title-wraper .elementskit-section-tit */
  --color-gray-01: #030303; /* tekst×2; np. .el-5923 .el-element.e-620b72e */
  --color-gray-01-2: #020101; /* tekst×4; np. .el-6807 .el-element.e-78ce11b .elementskit-section-title-wraper .elementskit-section-titl */
  --color-gray-01-3: #020202; /* tekst×2; np. .el-9660 .el-element.e-2880760 .el-toggle-title, .el-9660 .el-element.e-2880760 .el-toggle */
  --color-gray-02: #060606; /* tekst×5; np. .el-933 .el-element.e-3e0c617 */
  --color-gray-02-2: #050505; /* tekst×1; np. HTML inline: tekst wklejony w treści bio (barbara-sek) */
  --color-gray-03: #070707; /* tekst×2; np. .el-9653 .el-element.e-dc58622 */
  --color-gray-04: #0a0a0a; /* tekst×5, obramowanie×2; np. .el-9653 .el-element.e-4015b3a8 */
  --color-gray-05: #0e0e0e; /* tekst×15; np. .el-5923 .el-element.e-69642c5 */
  --color-gray-05-2: #0c0c0c; /* tekst×4, tło×2; np. .el-9168 .el-element.e-69ad1587 .el-heading-title */
  --color-gray-05-3: #0e0d0d; /* tekst×1; np. .el-931 .el-element.e-2ffef899 */
  --color-gray-05-4: #0c0d0e; /* zmienna --divider-color×1; np. /* --- z: /wp-content/plugins/elementor/assets/css/widget-divider.min.css --- 
.el-widge */
  --color-gray-06: #101010; /* tekst×3, tło×1; np. .el-8598 .el-element.e-63af0fe .elementskit-section-title-wraper .elementskit-section-titl */
  --color-gray-06-2: #0f0f0f; /* wartość domyślna roli semantycznej; np. zmienna motywu Thim/WordPress (sekcja 5) */
  --color-gray-07: #111111; /* tło×3, tekst×1; np. a.widget-button:hover */
  --color-gray-12: #1f1f1f; /* tekst×4; np. .el-6807 .el-element.e-39d9eecb .elementskit-infobox .box-body > p */
  --color-gray-13: #1f2124; /* tekst×1; np. .el-field-group .el-field-textual */
  --color-gray-13-2: #222222; /* tło×1; np. .mock-notice */
  --color-gray-14: #232323; /* wartość domyślna roli semantycznej; np. zmienna motywu Thim/WordPress (sekcja 5) */
  --color-gray-15: #262626; /* tło×1; np. .el-social-icon-instagram */
  --color-gray-16: #2a2a2a; /* cień×1; np. .site-header.affix */
  --color-gray-20: #333333; /* tekst×7, tło×1; np. .el-6962 .el-element.e-20f7b08d .ekit-dropcap-cotnent */
  --color-gray-20-2: #2d3339; /* tło×1; np. .top_site_main */
  --color-gray-25: #414141; /* tło×1; np. .wppb-user-forms .login-submit #wppb-submit:disabled */
  --color-gray-27: #444444; /* tekst×1; np. .screen-reader-text:focus */
  --color-gray-27-2: #3f444b; /* tekst×2, obramowanie×1; np. .el-cta--skin-classic .el-cta__content-item */
  --color-gray-29: #4a4a4a; /* tekst×18; np. .el-9886 .el-element.e-4115df7e */
  --color-gray-32: #515151; /* tekst×5, obramowanie×2; np. .woocommerce div.product .woocommerce-tabs ul.tabs li */
  --color-gray-33: #555555; /* tekst×2; np. .form-control */
  --color-gray-40: #656565; /* tekst×12; np. .el-6807 .el-element.e-731a93cf .elementskit-infobox .box-body > p */
  --color-gray-40-2: #666666; /* tekst×4, zmienna --thim-color-switch-layout×1; np. .breadcrumbs-wrapper */
  --color-gray-42: #6b6b6b; /* tekst×1; np. .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover */
  --color-gray-45: #69727d; /* tło×2, tekst×2, obramowanie×1; np. .el-field-group .el-field-textual */
  --color-gray-46: #767676; /* tekst×1; np. .woocommerce:where(body:not(.woocommerce-uses-block-theme)) #reviews #comments ol.commentl */
  --color-gray-47: #777777; /* tekst×2, obramowanie×1; np. .el-posts .el-post__excerpt p */
  --color-gray-48: #7a7a7a; /* wartość domyślna roli semantycznej; np. zmienna motywu Thim/WordPress (sekcja 5) */
  --color-gray-51: rgb(50.6%, 50.6%, 50.6%); /* tło×2; np. .learn-press-courses .lp-archive-course-skeleton */
  --color-gray-55: #8b8b8b; /* tekst×5; np. .el-2061 .el-element.e-f0fed86 .el-icon-box-description */
  --color-gray-55-2: #8d8d8d; /* tekst×2; np. .el-54 .el-element.e-deb1637 .elementskit-post-body > p */
  --color-gray-60: #999999; /* tekst×8, obramowanie×2; np. .form-control::-moz-placeholder */
  --color-gray-64: #a3a3a3; /* tekst×1; np. .ekit-wid-con .post-meta-list */
  --color-gray-68: #adadad; /* tekst×1; np. .el-posts .el-post__meta-data */
  --color-gray-72: #b7b7b7; /* wartość domyślna roli semantycznej; np. zmienna motywu Thim/WordPress (sekcja 5) */
  --color-gray-73: #bababa; /* tekst×2; np. .el-933 .el-element.e-36087ceb .el-social-icon i */
  --color-gray-73-2: #b4b9be; /* obramowanie×1; np. input[type=radio], input[type=checkbox] */
  --color-gray-74: rgb(74.5%, 74.5%, 74.5%); /* tło×4; np. .learn-press-courses .lp-archive-course-skeleton */
  --color-gray-75: #bfbfbf; /* tekst×17; np. .el-9886 .el-element.e-31cac69 .el-heading-title */
  --color-gray-75-2: #c0c0c0; /* obramowanie×1; np. fieldset */
  --color-gray-78: #c9c4c4; /* wartość domyślna roli semantycznej; np. zmienna motywu Thim/WordPress (sekcja 5) */
  --color-gray-80: #cccccc; /* obramowanie×5, tekst×1; np. .form-control */
  --color-gray-80-2: #cdcdcd; /* tekst×1; np. .breadcrumbs-wrapper #breadcrumbs a:after */
  --color-gray-84: #d7d7d7; /* tło×1; np. .ekit-wid-con .elementskit-section-subtitle.elementskit-style-border::after, .ekit-wid-con */
  --color-gray-85: #d5d8dc; /* obramowanie×2; np. .el-toggle .el-tab-title */
  --color-gray-87: #dddddd; /* obramowanie×4, tło×2; np. .screen-reader-text:focus */
  --color-gray-87-2: #e2e0db; /* obramowanie×1; np. .learnpress-page input[type=text] */
  --color-gray-90: #e5e5e5; /* obramowanie×3, tło×2; np. .el-54 .el-element.e-6fca71c6 .el-tab-title */
  --color-gray-95: #f2f2f2; /* tło×1; np. .mock-course__img */
  --color-gray-96: #f5f5f5; /* obramowanie×4, tło×1; np. .el-6807 .el-element.e-39d9eecb .elementskit-infobox */
  --color-gray-96-2: #f4f4f4; /* tło×2; np. .el-933 .el-element.e-36087ceb .el-social-icon */
  --color-gray-97: #f7f7f7; /* tło×1; np. .el-9168 .el-element.e-68e36afc:not(.el-motion-effects-element-type-background) > .el-widg */
  --color-gray-97-2: #f8f8f8; /* tło×1; np. .product_thumb */
  --color-gray-98: #f9fafa; /* tło×1; np. .el-cta--skin-classic .el-cta__content */
  --color-gray-98-2: #f9f9f9; /* tło×2; np. .woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li a, .woocommerce-page div.produ */
  --color-gray-99: #fffafa; /* tekst×1; np. .el-7468 .el-element.e-12ef82a */
  --color-green-07: #002200; /* tekst×4; np. .el-6807 .el-element.e-0416382 .elementskit-btn */
  --color-green-35: #00b219; /* tekst×4, tło×1, obramowanie×1; np. .el-6807 .el-element.e-14c0abe0 .elementskit-infobox .elementskit-info-box-title */
  --color-green-40: #00ce1b; /* tło×2, tekst×2; np. .el-933 .el-element.e-36087ceb .el-social-icon:hover */
  --color-green-49: #4caf50; /* obramowanie×1; np. .mock-confirm */
  --color-green-59: #61ce70; /* zmienna --e-global-color-accent×1; np. /* --- z: /wp-content/plugins/elementor/assets/lib/eicons/css/el-icons.min.css --- 

/*  */
  --color-green-97: #f3fbf3; /* tło×1; np. .mock-confirm */
  --color-orange-94: #f2efec; /* tło×2; np. body.el-page-10408:not(.el-motion-effects-element-type-background) */
  --color-pink-30: #990033; /* tekst×1; np. .ekit-wid-con .ekit-dropcap-cotnent:first-child::first-letter */
  --color-red-30: #990000; /* tekst×3; np. /* ===== MOCKI ===== 
.mock-banner */
  --color-red-40: #cc0000; /* obramowanie×3, tekst×1; np. /* ===== MOCKI ===== 
.mock-banner */
  --color-red-46: #cd201f; /* tło×1; np. .el-social-icon-youtube */
  --color-red-50: #ff0000; /* tekst×1; np. div.wpforms-container-full .wpforms-form .wpforms-required-label */
  --color-red-72: #ff7070; /* tekst×4, tło×1, obramowanie×1; np. .el-6807 .el-element.e-1ee6b1ba .elementskit-infobox .elementskit-info-box-title */
  --color-red-98: #fdf6f6; /* tekst×1; np. .el-150 .el-element.e-7241882a */
  --color-red-98-2: #fff6f6; /* tło×3; np. /* ===== MOCKI ===== 
.mock-banner */
  --color-teal-11: #033537; /* tekst×17, zmienna --divider-color×4, tło×3; np. .el-9653 .el-element.e-9199e70 .el-heading-title */
  --color-teal-36: #06b37c; /* tekst×4, tło×1, obramowanie×1; np. .el-6807 .el-element.e-d001ac6 .elementskit-infobox .elementskit-info-box-title */
  --color-teal-41: #00a0d2; /* obramowanie×1; np. .wpcf7 form .wpcf7-response-output */
  --color-teal-42: #1abc9c; /* tło×1; np. .el-flip-box__front */
  --color-teal-43: #10ccae; /* obramowanie×1; np. .el-9653 .el-element.e-f1d732e .el-button:hover, .el-9653 .el-element.e-f1d732e .el-button */
  --color-teal-49: #00dafc; /* tło×4; np. .el-9660 .el-element.e-157d5f1 .el-button:hover, .el-9660 .el-element.e-157d5f1 .el-button */
  --color-violet-43: #6a11cb; /* tekst×4, tło×1, obramowanie×1; np. .el-6807 .el-element.e-1757b6f2 .elementskit-infobox .elementskit-info-box-title */
  --color-violet-46: #7249a4; /* tło×1; np. .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt */
  --color-violet-49: #720eec; /* obramowanie×1; np. .woocommerce-info */
  --color-violet-52: #7f54b3; /* tło×2; np. .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt */
  --color-violet-52-2: #816e99; /* tło×1; np. .woocommerce-checkout #payment */
  --color-violet-82: #cfc8d8; /* obramowanie×3, tekst×1; np. .woocommerce div.product .woocommerce-tabs ul.tabs li */
  --color-violet-86: #dcd7e2; /* tło×1; np. .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, . */
  --color-violet-89: #e1dde7; /* obramowanie×2; np. .woocommerce #reviews #comments ol.commentlist li img.avatar */
  --color-violet-92: #e9e6ed; /* tło×4, cień×2; np. .woocommerce div.product .woocommerce-tabs ul.tabs li */
  --color-violet-97: #f6f5f8; /* tło×1; np. .woocommerce-info */
  --color-yellow-06: #1a1403; /* tło×63, tekst×42; np. .el-8598 .el-element.e-13f86b6 .elementskit-section-title-wraper .elementskit-border-divid */
  --color-yellow-31: #958e09; /* tekst×2, tło×1; np. .woocommerce span.onsale */
  --color-yellow-50: #ffff00; /* tło×2; np. mark */
  --color-yellow-51: #ffcc03; /* obramowanie×1; np. .el-6807 .el-element.e-64bc200 */
  --color-yellow-64: #ffce47; /* tło×2, tekst×2, obramowanie×1; np. .el-9653 .el-element.e-f1d732e .el-button */
  --color-yellow-90: #ffffcc; /* tło×1; np. /* --- z: /wp-content/uploads/elementor/css/post-9367.css --- 
.el-9367 .el-element.e-11 */
  --color-yellow-94: #fcf8e3; /* tło×1; np. mark */

  /* ---------- 4. FONTY I ODSTĘPY ---------- */
  --font-roboto: "Roboto", sans-serif; /* główny krój tekstu i nagłówków */
  --font-montserrat: "Montserrat", sans-serif; /* nagłówki sekcji, przyciski */
  --font-playfair: "Playfair Display", serif; /* kroje szeryfowe (O nas, zespół) */
  --font-varela: "Varela Round", sans-serif; /* nagłówki w sekcji hero */
  --font-roboto-slab: "Roboto Slab", serif; /* nagłówki pomocnicze */
  --font-poppins: "Poppins", sans-serif;
  --font-archivo: "Archivo", sans-serif;
  --font-rubik: "Rubik", sans-serif;
  --font-merriweather: "Merriweather", serif;
  --font-fahkwang: "Fahkwang", sans-serif;
  --font-dosis: "Dosis", sans-serif;
  --container-max: 1140px; /* maks. szerokość kontenera sekcji (Elementor kit) */
  --space-xs: 8px; /* odstępy – używane w elementach prototypu (mocki) */
  --space-s: 16px;
  --space-m: 24px;
  --space-l: 32px;
  --radius-pill: 30px; /* zaokrąglenie przycisków */

  /* ---------- 5. ZMIENNE MOTYWU WORDPRESS / WOOCOMMERCE / THIM / LEARNPRESS (przeniesione 1:1) ---------- */
  --lp-container-max-width: 1290px;
  --lp-cotainer-padding: 1rem;
  --lp-primary-color: var(--color-primary-alt);
  --lp-secondary-color: #442e66;
  --wp-block-synced-color: #7a00df;
  --wp-block-synced-color--rgb: 122,0,223;
  --wp-bound-block-color: var(--wp-block-synced-color);
  --wp-editor-canvas-background: var(--color-gray-87);
  --wp-admin-theme-color: #007cba;
  --wp-admin-theme-color--rgb: 0,124,186;
  --wp-admin-theme-color-darker-10: #006ba1;
  --wp-admin-theme-color-darker-10--rgb: 0,107,160.5;
  --wp-admin-theme-color-darker-20: #005a87;
  --wp-admin-theme-color-darker-20--rgb: 0,90,135;
  --wp-admin-border-width-focus: 2px;
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: var(--color-black);
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: var(--color-white);
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--color--primary: var(--color-primary);
  --wp--preset--color--title: var(--color-gray-20);
  --wp--preset--color--sub-title: var(--color-text-muted);
  --wp--preset--color--border-input: var(--color-gray-87);
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 28px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--font-size--normal: 15px;
  --wp--preset--font-size--huge: 36px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px color-mix(in srgb, var(--color-black) 20%, transparent);
  --wp--preset--shadow--deep: 12px 12px 50px color-mix(in srgb, var(--color-black) 40%, transparent);
  --wp--preset--shadow--sharp: 6px 6px 0px color-mix(in srgb, var(--color-black) 20%, transparent);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px var(--color-white), 6px 6px var(--color-black);
  --wp--preset--shadow--crisp: 6px 6px 0px var(--color-black);
  --woocommerce: var(--color-violet-49);
  --wc-green: #007518;
  --wc-red: #a00;
  --wc-orange: #ffba00;
  --wc-blue: #2ea2cc;
  --wc-primary: var(--color-violet-49);
  --wc-primary-text: #fcfbfe;
  --wc-secondary: var(--color-violet-92);
  --wc-secondary-text: var(--color-gray-32);
  --wc-highlight: var(--color-yellow-31);
  --wc-highligh-text: var(--color-white);
  --wc-content-bg: var(--color-bg);
  --wc-subtext: var(--color-gray-46);
  --wc-form-border-color: rgba(32, 7, 7, 0.8);
  --wc-form-border-radius: 4px;
  --wc-form-border-width: 1px;
  --wc-destructive: #cc1818;
  --wc-card-border-radius: 8px;
  --swiper-theme-color: #007aff;
  --thim-body-primary-color: var(--color-primary);
  --thim-body-secondary-color: var(--color-green-49);
  --thim-button-text-color: var(--color-black);
  --thim-button-hover-color: var(--color-primary);
  --thim-border-color: var(--color-border);
  --thim-placeholder-color: var(--color-text-muted);
  --top-info-course-background_color: #273044;
  --top-info-course-text_color: var(--color-white);
  --thim-footer-font-title-variant: regular;
  --thim-footer-font-title-font-size: 14px;
  --thim-footer-font-title-line-height: 40px;
  --thim-footer-font-title-text-transform: uppercase;
  --thim-top-heading-title-align: left;
  --thim-top-heading-title-font-size-desktop: 48px;
  --thim-top-heading-title-font-size-mobile: 35px;
  --thim-top-heading-title-font-text-transform: uppercase;
  --thim-top-heading-title-font-weight: bold;
  --thim-top-heading-padding-top: 90px;
  --thim-top-heading-padding-bottom: 90px;
  --thim-top-heading-padding-top-mobile: 50px;
  --thim-top-heading-padding-bottom-mobile: 50px;
  --thim-breacrumb-font-size: 1em;
  --thim-breacrumb-color: var(--color-gray-40-2);
  --thim-course-price-color: #f24c0a;
  --thim-width-logo: 75px;
  --thim-bg-color-toolbar: var(--color-black);
  --thim-text-color-toolbar: #ababab;
  --thim-link-color-toolbar: var(--color-white);
  --thim-link-hover-color-toolbar: var(--color-white);
  --thim-toolbar-variant: regular;
  --thim-toolbar-font-size: 12px;
  --thim-toolbar-line-height: 30px;
  --thim-toolbar-text-transform: none;
  --thim-toolbar-border-type: dashed;
  --thim-toolbar-border-size: 1px;
  --thim-link-color-toolbar-border-button: #f4f71b;
  --thim-bg-main-menu-color: rgba(255,255,255,0);
  --thim-main-menu-variant: regular;
  --thim-main-menu-font-size: 18px;
  --thim-main-menu-line-height: 1.3em;
  --thim-main-menu-text-transform: uppercase;
  --thim-main-menu-font-weight: 800;
  --thim-main-menu-text-color: var(--color-primary);
  --thim_main_menu_text_color_rgb: 255,198,0;
  --thim-main-menu-text-hover-color: var(--color-header-text-hover);
  --thim-sticky-bg-main-menu-color: var(--color-header-bg);
  --thim-sticky-main-menu-text-color: var(--color-header-text);
  --thim_sticky_main_menu_text_color_rgb: 51,3,;
  --thim-sticky-main-menu-text-hover-color: var(--color-header-text);
  --thim-sub-menu-bg-color: var(--color-header-bg);
  --thim-sub-menu-border-color: rgba(43,43,43,0);
  --thim-sub-menu-text-color: var(--color-text-muted);
  --thim-sub-menu-text-color-hover: var(--color-header-text);
  --thim-bg-mobile-menu-color: var(--color-mobile-menu-bg);
  --thim-mobile-menu-text-color: var(--color-mobile-menu-text);
  --thim_mobile_menu_text_color_rgb: 119,7,;
  --thim-mobile-menu-text-hover-color: var(--color-white);
  --thim-bg-switch-layout-style: var(--color-surface);
  --thim-padding-switch-layout-style: 10px;
  --thim-font-body-font-family: var(--font-body);
  --thim-font-body-variant: regular;
  --thim-font-body-font-size: 15px;
  --thim-font-body-line-height: 1.6em;
  --thim-font-body-color: var(--color-text);
  --thim-font-title-font-family: var(--font-heading);
  --thim-font-title-color: var(--color-heading);
  --thim-font-title-variant: 500;
  --thim-font-h1-font-size: 30px;
  --thim-font-h1-line-height: 1.6em;
  --thim-font-h1-text-transform: none;
  --thim-font-h2-font-size: 30px;
  --thim-font-h2-line-height: 1.6em;
  --thim-font-h2-text-transform: none;
  --thim-font-h3-font-size: 30px;
  --thim-font-h3-line-height: 1.6em;
  --thim-font-h3-text-transform: none;
  --thim-font-h4-font-size: 20px;
  --thim-font-h4-line-height: 1.6em;
  --thim-font-h4-text-transform: none;
  --thim-font-h4-variant: regular;
  --thim-font-h5-font-size: 30px;
  --thim-font-h5-line-height: 1.6em;
  --thim-font-h5-text-transform: lowercase;
  --thim-font-h5-variant: regular;
  --thim-font-h6-font-size: 30px;
  --thim-font-h6-line-height: 1.4em;
  --thim-font-h6-text-transform: none;
  --thim-font-h6-variant: regular;
  --thim-font-title-sidebar-font-size: 18px;
  --thim-font-title-sidebar-line-height: 1.4em;
  --thim-font-title-sidebar-text-transform: uppercase;
  --thim-font-button-variant: regular;
  --thim-font-button-font-size: 13px;
  --thim-font-button-line-height: 1.6em;
  --thim-font-button-text-transform: uppercase;
  --thim-preload-style-background: var(--color-bg);
  --thim-preload-style-color: var(--color-primary-alt);
  --thim-footer-bg-color: var(--color-footer-bg);
  --thim-footer-color-title: var(--color-footer-text);
  --thim-footer-color-text: var(--color-footer-text);
  --thim-footer-color-link: var(--color-footer-text);
  --thim-footer-color-hover: var(--color-footer-link);
  --thim-padding-content-pdtop-desktop: 60px;
  --thim-padding-content-pdbottom-desktop: 60px;
  --thim-padding-content-pdtop-mobile: 40px;
  --thim-padding-content-pdbottom-mobile: 40px;
  --thim-copyright-bg-color: var(--color-copyright-bg);
  --thim-copyright-text-color: var(--color-copyright-text);
  --thim-copyright-border-color: var(--color-white);
  --thim-bg-pattern: url(../img/pattern13.webp);
  --thim-bg-repeat: no-repeat;
  --thim-bg-position: center;
  --thim-bg-attachment: inherit;
  --thim-bg-size: inherit;
  --thim-footer-bg-repeat: repeat;
  --thim-footer-bg-position: center;
  --thim-footer-bg-size: inherit;
  --thim-footer-bg-attachment: inherit;
  --thim-body-bg-color: var(--color-bg);
  --nav-mobile-color-background: var(--color-header-bg);
  --nav-mobile-color-text: var(--color-header-text);
  --nav-mobile-color-hover: var(--color-primary-alt);
}