:root {
  /* Clamp calculated through https://geary.co/clamp-calculator */
  /* Min device size: 375, max device size 1728 */

  /* Grid variables */
  --container-max-inline-size: 108rem; /* 1728px */
  --grid-columns-mobile: 4;
  --grid-columns: 12;
  --grid-gutter-xs: 1rem; /* 16px */
  --grid-gutter-sm: 2rem; /* 32px */
  --grid-gutter-md: 2rem; /* 32px */
  --grid-gutter-lg: 2rem; /* 32px */
  --grid-gutter-xl: 2rem; /* 32px */
  --grid-gutter-xxl: 2.5rem; /* 40px */
  --grid-gutter-xxxl: 3rem; /* 48px */
  --breakpoint-sm: 24.625rem; /* 394px */
  --breakpoint-md: 48rem; /* 768px */
  --breakpoint-lg: 62rem; /* 992px */
  --breakpoint-xl: 70rem; /* 1120px */
  --breakpoint-xxl: 108rem; /* 1728px */
  --breakpoint-xxxl: 120rem; /* 1920px */
  --padding-inline-grid: clamp(1rem, 10.939vw + -1.564rem, 10.25rem); /* 24 to 164px */
  --padding-component: clamp(1.5rem, 5.322vw + 0.253rem, 6rem);
  --padding-component-inline: clamp(1.5rem, 4.139vw + 0.53rem, 5rem);

  /* Font */
  --font-base: "Satoshi", system-ui, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-size-base: 1rem;
  --line-height-base: 150%;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 900;
  --font-size-xxl: clamp(1.75rem, 0.924vw + 1.404rem, 3rem); /* h1 font-size */
  --font-size-xl: clamp(1.5rem, 0.739vw + 1.223rem, 2.5rem); /* h2 font-size */
  --font-size-l: clamp(1.375rem, 0.647vw + 1.132rem, 2.25rem); /* h3 font-size */
  --font-size-m: clamp(1.25rem, 0.554vw + 1.042rem, 2rem); /* h4 font-size */
  --font-size-s: clamp(1.125rem, 0.416vw + 0.969rem, 1.6875rem); /* h5 font-size */
  --font-size-xs: clamp(1rem, 0.37vw + 0.861rem, 1.5rem); /* h6 font-size */
  --font-size-xxs: 1.25rem;
  --font-size-h1-alt: 4rem; /* Only used on XXL and XXXL */
  --font-size-h1: clamp(1.75rem, 0.924vw + 1.404rem, 3rem);
  --font-size-h2: clamp(1.5rem, 0.739vw + 1.223rem, 2.5rem);
  --font-size-h3: clamp(1.375rem, 0.647vw + 1.132rem, 2.25rem);
  --font-size-h4: clamp(1.25rem, 0.554vw + 1.042rem, 2rem);
  --font-size-h5: clamp(1.125rem, 0.416vw + 0.969rem, 1.6875rem);
  --font-size-h6: clamp(1rem, 0.37vw + 0.861rem, 1.5rem);

  /* Transitions */
  --transition-base: 250ms ease;
  --transition-movement: 200ms linear;
  --transition-fade: 300ms ease;
  --transition-bounce: 500ms cubic-bezier(0.5, 0.05, 0.2, 1.5);

  /* Colors */
  --color-light: var(--color-gray-20);
  --color-dark: #333;
  --color-text: var(--color-black);
  --color-primary-lighter: #edfaff;
  --color-primary-light: #b1ebff;
  --color-primary-medium: #1a99c4;
  --color-primary-dark: #18437f;
  --color-primary: var(--color-primary-medium);
  --color-secondary-lighter: #fff8f1;
  --color-secondary-light: #ffe7d1;
  --color-secondary-medium: #ee9212;
  --color-secondary-dark: #af3d00;
  --color-secondary: var(--color-secondary-medium);

  /* Colors (functional) */
  --color-success: #48d841;
  --color-danger: #f23a37;
  --color-warning: #f4a231;
  --color-info: #01b2ea;

  /* Colors (neutral palette) */
  --color-black: #000;
  --color-gray-dark: #303030;
  --color-gray-100: #333;
  --color-gray-80: #666;
  --color-gray-60: #999;
  --color-gray-40: #ccc;
  --color-gray-20: #f7f7f7;
  --color-gray-light: #e6e6e6;
  --color-white: #fff;

  /* Gradients */
  --gradient-greenish-dark: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(180deg, #3c6a5e 0%, #b0d3ba 100%);
  --gradient-orange-dark: linear-gradient(0deg, rgba(167, 34, 31, 0.3) 0%, rgba(167, 34, 31, 0.3) 100%), linear-gradient(140deg, #913300 16.32%, #ff9d40 91.15%);
  --gradient-blue-dark: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(180deg, #18437f 0%, #78accf 100%);
  --gradient-green-dark: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(317deg, #bcb400 15.1%, #566800 85.53%);
  --gradient-red-dark: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(136deg, #890002 14.53%, #dc141f 85.39%);

  /* Colors (states) */
  --color-hover: var(--color-primary-dark);
  --color-focus: #005dda;
  --color-disabled: #ddd;

  /* Focused elements */
  --focus-ring: 1px solid var(--color-secondary-dark);

  /* Link style */
  --base-underline-offset: 0.25rem;

  /* Badge variables */
  --badge-background-color: #22aa1d;
  --badge-text-color: #0069f6;
  --badge-icon-gap: 0.5rem;
  --badge-font-size: 0.875rem;
  --badge-font-weight: 900;
  --badge-line-height: 1rem;
  --badge-padding-block: 0.5rem;
  --badge-padding-inline: 0.875rem;
  --badge-border-radius: 9999px;
  --badge-border-color: #22aa1d;
  --badge-outline-color: rgba(62, 144, 255, 0.41);

  /* Button variables */
  --button-background-color: var(--color-secondary-dark);
  --button-text-color: var(--color-white);
  --button-hover-background-color: var(--color-secondary-lighter);
  --button-hover-text-color: var(--color-secondary-dark);
  --button-icon-gap: 0.5rem;
  --button-font-size: var(--font-size-base);
  --button-font-weight: var(--font-weight-bold);
  --button-line-height: var(--line-height-base);
  --button-padding-block: 0.35rem;
  --button-padding-inline: 0.75rem;
  --button-border-radius: 3.125rem;
  --button-border-color: var(--color-secondary-dark);
  --button-hover-border-color: var(--color-secondary-lighter);
  --button-outline-color: var(--color-secondary-medium);
  --button-min-inline-size: 10rem;
  --button-border-width: 0.125rem;

  /* Button hamburger variables */
  --button-hamburger-color: #000;
  --button-hamburger-background-color: transparent;
  --button-hamburger-hover-background-color: rgba(238, 238, 238, 0.5);
  --button-hamburger-padding-block: 0.5rem;
  --button-hamburger-padding-inline: 0.5rem;

  /* Content types variables */
  --global-background-color: var(--color-gray-20);

  /* Card variables */
  --card-background-color: var(--color-gray-20);

  /* Card list variables */
  --card-list-background-color: var(--color-white);

  /* Card Shortview Slider */
  --card-shortview-slider-background-color: var(--color-white);
  --card-shortview-slider-card-background-color: var(--color-gray-20);

  /* News article variables */
  --news-article-background-color: var(--color-white);
  --news-article-interesting-background-color: var(--color-white);
  --news-article-interesting-card-background-color: var(--color-gray-20);

  /* Footer variables */
  --footer-color-background: var(--color-white);
  --footer-color-text: var(--color-text);
  --footer-columns-gap: 2rem;
  --footer-gap: 3rem;
  --footer-padding-block: 4rem 2.5rem;
  --footer-padding-inline: 6rem;
  --footer-container: 76.5rem;
  --footer-font-size: 1rem;
  --footer-icon-phone: url("../../images/icons/icon-phone-orange.svg");
  --footer-link-color: var(--color-secondary-dark);
  --footer-link-hover-color: var(--color-secondary-medium);
  --footer-bottom-link-hover-color: var(--color-secondary-dark);
  --footer-icon-caret: url("../../images/icons/icon-caret-orange.svg");
  --footer-border-color: var(--color-gray-40);
  --footer-border-color-on-dark: var(--color-white);

  /* Header variables */
  --header-color-background: var(--color-white);
  --header-color-text: var(--color-text);
  --header-gap: 2.5rem;
  --header-menu-gap: 0.5rem;
  --header-padding-block: 1rem;
  --header-padding-inline: 1.5rem;
  --header-icon-link-gap: 0.5rem;
  --header-icon-link-padding: 0.5rem;
  --header-search-icon-color-hover: var(--color-secondary-medium);
  --header-search-icon-close-background: var(--color-black);
  --header-search-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23ffffff' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z'/%3E%3C/svg%3E");

  /* Heading variables */
  --heading-color: var(--color-black);
  --heading-color-dark: var(--color-black);
  --heading-font-size: 5rem;
  --heading-font-weight: 900;
  --heading-line-height: 120%;
  --heading-letter-spacing: -0.8px;

  /* FAQ variables */
  --faq-border-color: #f0f2f4;
  --faq-background-color: white;
  --faq-border-radius: 0.5rem;
  --faq-title-hover-color: var(--color-secondary-medium);
  --faq-title-padding-block: clamp(0.5rem, calc(0.361rem + 0.591vw), 1rem);
  --faq-title-padding-inline: 0 clamp(2.5rem, calc(2.223rem + 1.183vw), 3.5rem);
  --faq-title-font-size: var(--font-size-xs);
  --faq-title-font-weight: var(--font-weight-bold);
  --faq-title-icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' inline-size='24' height='24'%3E%3Cpath fill='%23af3d00' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z'/%3E%3C/svg%3E");
  --faq-panel-hover-color: var(--color-secondary-medium);

  /* Form variables */
  --form-fieldset-border-color: #ccc;
  --form-fieldset-padding-block: 2em;
  --form-fieldset-padding-inline: 2em;
  --form-item-margin-block: 1em;
  --form-item-label-margin-block: 0 0.375rem;
  --form-item-border-color: #949494;
  --form-input-padding-block: 0.875rem;
  --form-input-padding-inline: 1rem;
  --form-input-checkable-size: 1rem;
  --form-input-checkable-gap: 0.5rem;
  --form-input-description-color: #666;
  --form-input-description-font-size: 1rem;
  --form-input-placeholder-color: #ccc;
  --form-input-text-color: #333;
  --form-input-checkable-border-radius: 0.125rem;
  --form-input-checkable-hover-color: var(--color-secondary-lighter);
  --form-item-checkable-border-color: var(--color-secondary-dark);
  --form-input-checkable-checked-color: var(--color-secondary-dark);
  --form-input-checkable-checked-hover-color: var(--color-secondary-lighter);
  --form-input-checkable-disabled-color: #ccc;
  --form-input-checkable-label-disabled-color: #666;
  --form-input-focus-color: rgba(0, 105, 246, 0.4);
  --form-submit-caret: url("../../images/icons/icon-caret-white.svg");
  --form-submit-hover-caret: url("../../images/icons/icon-caret-brown.svg");

  /* Hero variables */
  --hero-padding: 0 1.25rem;
  --base-aspect-ratio: 21 / 9;
  --image-aspect-ratio: 21 / 4.5;
  --h1-font-size: 4.1875rem;
  --h2-font-size: 2.375rem;
  --hero-padding-block: 6rem;
  --hero-padding-inline: 5rem;
  --hero-padding-block-mobile: 3rem;
  --hero-padding-inline-mobile: 1.5rem;

  /* Icon variables */
  --icon-color: black;
  --icon-color-dark: white;

  /* Icon link variables */
  --icon-link-color: var(--color-black);
  --icon-link-hover-color: var(--color-primary-dark);
  --icon-link-icon-gap: 0.5rem;
  --icon-link-font-size: 1.125rem;
  --icon-link-font-weight: 700;
  --icon-link-line-height: 160%;
  --icon-link-padding-inline: 0.5rem;
  --icon-link-decoration-thickness: 0.125rem;

  /* Logo variables */
  --logo-inline-size-mobile: 10rem;
  --logo-height-mobile: 2rem;
  --logo-inline-size: 15rem;
  --logo-height: 3rem;

  /* Menu variables */
  --menu-color-background: white;
  --menu-color-text: var(--color-black);
  --menu-gap: 1.5rem;
  --menu-align: flex-end;
  --menu-dropdown-inline-size: 19rem;
  --menu-dropdown-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  --menu-dropdown-transition: opacity 0.25s, visibility 0.25s;
  --menu-item-padding-block: 0.75rem;
  --menu-item-padding-inline: 1rem;
  --menu-item-link-color-background: #f0f0f0;
  --menu-item-size: 1.125rem;
  --menu-item-weight: 400;
  --menu-item-line-height: 160%;
  --menu-item-icon-size-level-0: 1.5rem;
  --menu-item-icon-size-level-1: 2.75rem;
  --menu-item-icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23000000' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z'/%3E%3C/svg%3E");
  --menu-item-icon-arrow-on-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z'/%3E%3C/svg%3E");
  --menu-item-icon-arrow-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23000000' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z'/%3E%3C/svg%3E");
  --menu-item-icon-arrow-hover-on-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23ffe7d1' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z'/%3E%3C/svg%3E");
  --menu-item-hover-color: var(--color-secondary-light);
  --menu-item-hover-color-on-dark: var(--color-secondary-light);
  --menu-item-active-color: var(--color-secondary-medium);
  --menu-item-sub-hover-color: var(--color-secondary-dark);
  --menu-item-arrow-square-hover-color: var(--color-secondary-lighter);
  --menuitem-incidents-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%23323232' d='M7.5 4.646v1.666h5.492l-9.658 9.659 1.175 1.174 9.658-9.658v5.492h1.667V4.646H7.501Z'/%3E%3C/svg%3E");
  --menuitem-incidents-icon-on-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%23fff' d='M7.5 4.646v1.666h5.492l-9.658 9.659 1.175 1.174 9.658-9.658v5.492h1.667V4.646H7.501Z'/%3E%3C/svg%3E");
  --menuitem-incidents-icon-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%23ffe7d1' d='M7.5 4.646v1.666h5.492l-9.658 9.659 1.175 1.174 9.658-9.658v5.492h1.667V4.646H7.501Z'/%3E%3C/svg%3E");
  --menuitem-incidents-icon-on-dark-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%23ffe7d1' d='M7.5 4.646v1.666h5.492l-9.658 9.659 1.175 1.174 9.658-9.658v5.492h1.667V4.646H7.501Z'/%3E%3C/svg%3E");

  /* Social icons variables */
  --social-icons-gap: 1.5rem;
  --social-icons-padding-block: 0.5rem;
  --social-icons-padding-inline: 0.5rem;
  --social-icons-color: var(--color-gray-80);
  --social-icons-hover-color: var(--color-secondary-dark);

  /* Text media variables */
  --text-media-background: var(--color-white);
  --text-media-background-dark: var(--color-gray-20);
  --text-media-color: #000;
  --text-media-margin-block: 6.25rem;
  --text-media-padding-block: 6rem;
  --text-media-padding-inline: 5rem;
  --text-media-title-font-size: 3.25rem;
  --text-media-title-font-weight: 900;
  --text-media-title-line-height: 120%;
  --text-media-title-letter-spacing: -0.52px;
  --text-media-title-margin-block: 0 1rem;
  --text-media-text-font-size: 1.25rem;
  --text-media-text-gap: 2.5rem;
  --text-media-text-grid-columns: 12;
  --text-media-text-grid-gap: 6rem;

  /* Text one column variables */
  --text-one-column-background: transparent;
  --text-one-column-color: #000;
  --text-one-column-padding-block: 4.5rem 6rem;
  --text-one-column-padding-inline: 5rem;
  --text-one-column-title-font-size: 3.25rem;
  --text-one-column-title-font-weight: 900;
  --text-one-column-title-line-height: 120%;
  --text-one-column-title-letter-spacing: -0.52px;
  --text-one-column-title-margin-block: 0 1rem;
  --text-one-column-text-font-size: 1.25rem;
  --text-one-column-text-grid-columns: 12;
  --text-one-column-text-grid-gap: 2rem;

  /* Text two columns variables */
  --text-two-columns-background: transparent;
  --text-two-columns-color: #000;
  --text-two-columns-padding-block: 6rem;
  --text-two-columns-padding-inline: 5rem;
  --text-two-columns-title-font-size: 3.25rem;
  --text-two-columns-title-font-weight: 900;
  --text-two-columns-title-line-height: 120%;
  --text-two-columns-title-letter-spacing: -0.52px;
  --text-two-columns-title-margin-block: 0 1rem;
  --text-two-columns-text-font-size: 1.25rem;
  --text-two-columns-text-gap-large: clamp(1.5rem, 0.591vw + 1.361rem, 2rem);
  --text-two-columns-text-gap: clamp(0.5rem, 0.591vw + 0.361rem, 1rem);
  --text-two-columns-text-grid-columns: 12;
  --text-two-columns-text-grid-gap: 6rem;
  --text-two-columns-color-gap: calc(160 / 1536 * 100%);
  --text-two-columns-color-padding-inline: calc(100 / 1536 * 100%);
  --text-two-columns-color-background: #000;
  --text-two-columns-color-text-color: #fff;
  --text-two-columns-color-bg-color: var(--color-secondary-lighter);
  --text-two-columns-color-bg-color-on-dark: var(--color-secondary-light);
  --text-two-columns-color-padding-block: 2.25rem;

  /* Utility menu variables */
  --utility-menu-color-background: white;
  --utility-menu-color-text: #000;
  --utility-menu-gap: 2.5rem;
  --utility-menu-padding-block: 0.25rem;
  --utility-menu-padding-inline: 1.5rem;

  /* Tabs variables */
  --tabs-primary-text-color: #1a1a1a;
  --tabs-primary-text-hover-color: var(--color-focus);
  --tabs-primary-underline-color: var(--tabs-primary-text-color);
  --tabs-primary-active-color: #22aa1d;

  /* Wysiwyg editor variables */
  --link-color: var(--color-secondary-dark);
  --link-hover-color: var(--color-secondary);
  --link-hover-color-dark: rgba(255, 255, 255, 0.6);
  --ul-marker-color: var(--link-color);
  --heading-margin-block-start: 2.5rem;
  --heading-margin-block-end: 1rem;
  --element-margin-block-small: 1rem;
  --element-margin-block-large: 2.5rem;
  --element-caption-color: var(--color-gray-80);
  --element-caption-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%23EE9212' d='m12.667 10.5-4 4-.947-.947 2.393-2.386H2.667v-8H4v6.666h6.113L7.72 7.447l.947-.947 4 4Z'/%3E%3C/svg%3E%0A");
  --quote-border-color: var(--color-secondary);
  --table-cell-padding: 1rem;
  --table-cell-border: 1px solid #000;
  --table-font-size: 1rem;
  --table-row-background: #fff;
  --table-row-background-zebra: #f2f2f2;
  --color-text-dark: white;
  --icon-pager-first: url("../../images/icons/icon-first.svg");
  --icon-pager-first-hover: url("../../images/icons/icon-first-orange.svg");
  --icon-pager-previous: url("../../images/icons/icon-previous.svg");
  --icon-pager-previous-hover: url("../../images/icons/icon-previous-orange.svg");
  --icon-pager-next: url("../../images/icons/icon-next.svg");
  --icon-pager-next-hover: url("../../images/icons/icon-next-orange.svg");
  --icon-pager-last: url("../../images/icons/icon-last.svg");
  --icon-pager-last-hover: url("../../images/icons/icon-last-orange.svg");

  /* Ticker tape variables */
  --ticker-background-color: var(--color-secondary-medium);
  --ticker-text-color: var(--color-text);
  --ticker-warning-icon: url("../../images/icons/icon-warning.svg");
  --ticker-external-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M9.889 1.479V3.7h9.322l-9.655 9.655 1.566 1.567 9.656-9.656v9.323H23V1.479H9.889ZM16.556 23.479H1l1.5-2.223H15l1.556 2.223Z'/%3E%3Cpath d='M3.222 9.034V21.98L1 23.479V7.923l2.222 1.111Z'/%3E%3Cpath d='M1 7.923h8.9l-2.233 2.222H2.5L1 7.923ZM14.333 21.979v-5.167l2.223-2.233v8.9l-2.223-1.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .479h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --ticker-padding-inline: clamp(1.5rem, calc(-0.925rem + 10.347vw), 10.25rem); /* min: 24px, max: 164px */

  /* List style */
  --list-style-image: url("../../images/icons/icon-bullet-orange.svg");
  --quote-image: url("../../images/icons/icon-quotes.svg");
  --department-color-scheme: initial;
  --department-color-scheme-dark: initial;
  --department-color-scheme-light: initial;
  --department-text-color: initial;

  /* Search */
  --search-result-overview-background-color: var(--color-white);
  --search-result-overview-button-icon: url("../../images/icons/icon-search-orange.svg");
  --hand-color: var(--color-gray-60);
}
