@font-face {
    font-family: 'Greed Standard';
    src: url('https://ceskafilharmonie.b-cdn.net/cf/fonts/GreedStandard-Regular.woff2') format('woff2'),
        url('https://ceskafilharmonie.b-cdn.net/cf/fonts/GreedStandard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-variant-ligatures: normal;
    font-feature-settings: "liga" 1, "clig" 1;
}

@font-face {
    font-family: 'Greed Standard';
    src: url('https://ceskafilharmonie.b-cdn.net/cf/fonts/GreedStandard-Medium.woff2') format('woff2'),
        url('https://ceskafilharmonie.b-cdn.net/cf/fonts/GreedStandard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-variant-ligatures: normal;
    font-feature-settings: "liga" 1, "clig" 1;
}

@font-face {
    font-family: 'Greed Standard';
    src: url('https://ceskafilharmonie.b-cdn.net/cf/fonts/GreedStandard-SemiBold.woff2') format('woff2'),
        url('https://ceskafilharmonie.b-cdn.net/cf/fonts/GreedStandard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-variant-ligatures: normal;
    font-feature-settings: "liga" 1, "clig" 1;
}

@font-face {
    font-family: 'Greed Standard';
    src: url('https://ceskafilharmonie.b-cdn.net/cf/fonts/GreedStandard-Bold.woff2') format('woff2'),
        url('https://ceskafilharmonie.b-cdn.net/cf/fonts/GreedStandard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-variant-ligatures: normal;
    font-feature-settings: "liga" 1, "clig" 1;
}

:root,
:host {
    --box-background-education-style: #FF7364;
    --box-foreground-education-style: var(--text-color);

    --box-background-tours-style: #E8D300;
    --box-foreground-tours-style: var(--text-color);

    --box-background-blog-style: var(--box-background-default-style);
    --box-foreground-blog-style: var(--text-color);

    --box-background-shop-style: var(--box-background-default-style);
    --box-foreground-shop-style: var(--text-color);

    --box-background-orchestra-style: var(--box-background-default-style);
    --box-foreground-orchestra-style: var(--text-color);

    --box-background-user-style: var(--box-background-default-style);
    --box-foreground-user-style: var(--text-color);

    --box-background-series-cf-style: #C296FF;
    --box-foreground-series-cf-style: var(--text-color);

    --box-background-series-cskh-style: #63B9E9;
    --box-foreground-series-cskh-style: var(--text-color);

    --box-background-series-a-style: #6AE18F;
    --box-foreground-series-a-style: var(--text-color);

    --box-background-series-b-style: #CEB2FF;
    --box-foreground-series-b-style: var(--text-color);

    --box-background-series-c-style: #FF9EDD;
    --box-foreground-series-c-style: var(--text-color);

    --box-background-series-m-style: #86B8C5;
    --box-foreground-series-m-style: var(--text-color);

    --box-background-series-g-style: #8BBDFE;
    --box-foreground-series-g-style: var(--text-color);

    --box-background-series-vp-style: #FF9766;
    --box-foreground-series-vp-style: var(--text-color);

    --box-background-series-i-style: #99BEFF;
    --box-foreground-series-i-style: var(--text-color);

    --box-background-series-ii-style: #D6EC64;
    --box-foreground-series-ii-style: var(--text-color);

    --box-background-series-r-style: #EF9EE8;
    --box-foreground-series-r-style: var(--text-color);

    --box-background-series-hp-style: #8BBDFE;
    --box-foreground-series-hp-style: var(--text-color);

    --box-background-series-dk-style: #E0D300;
    --box-foreground-series-dk-style: var(--text-color);

    --box-background-series-ak-style: #FF9766;
    --box-foreground-series-ak-style: var(--text-color);
}

:root,
:host {

    /* ———————— */
    /*   BODY   */
    /* ———————— */
    --body-padding-mobile: 16px;
    --body-padding-desktop: 32px 48px;


    /* —————————— */
    /*   MARGINS  */
    /* —————————— */
    --default-margin-top: 48px;
    --buttons-margin-top: 20px;
    --badges-margin-top: 20px;


    /* —————————— */
    /*    TEXT    */
    /* —————————— */
    /* Font family */
    --font-family-sans: 'Greed Standard', sans-serif;
    --font-family-serif: serif;
    --font-family-mono: monospace;
    --font-size: inherit;
    --font-weight: inherit;
    --line-height: inherit;
    --text-color: var(--foreground-style-dark);

    /* Display text styles */
    /* Display XS */
    --display-xs-font-size-mobile: 20px;
    --display-xs-line-height-mobile: 30px;
    --display-xs-letter-spacing-mobile: 0;
    --display-xs-font-size-desktop: 24px;
    --display-xs-line-height-desktop: 32px;
    --display-xs-letter-spacing-desktop: 0;

    /* Display SM */
    --display-sm-font-size-mobile: 24px;
    --display-sm-line-height-mobile: 32px;
    --display-sm-letter-spacing-mobile: 0;
    --display-sm-font-size-desktop: 28px;
    --display-sm-line-height-desktop: 36px;
    --display-sm-letter-spacing-desktop: 0;

    /* Display MD */
    --display-md-font-size-mobile: 28px;
    --display-md-line-height-mobile: 36px;
    --display-md-letter-spacing-mobile: 0;
    --display-md-font-size-desktop: 36px;
    --display-md-line-height-desktop: 44px;
    --display-md-letter-spacing-desktop: -2%;

    /* Display LG */
    --display-lg-font-size-mobile: 36px;
    --display-lg-line-height-mobile: 44px;
    --display-lg-letter-spacing-mobile: -2%;
    --display-lg-font-size-desktop: 48px;
    --display-lg-line-height-desktop: 60px;
    --display-lg-letter-spacing-desktop: -2%;

    /* Display XL */
    --display-xl-font-size-mobile: 48px;
    --display-xl-line-height-mobile: 60px;
    --display-xl-letter-spacing-mobile: -2%;
    --display-xl-font-size-desktop: 60px;
    --display-xl-line-height-desktop: 72px;
    --display-xl-letter-spacing-desktop: -2%;

    /* Display 2XL */
    --display-2xl-font-size-mobile: 60px;
    --display-2xl-line-height-mobile: 72px;
    --display-2xl-letter-spacing-mobile: -2%;
    --display-2xl-font-size-desktop: 72px;
    --display-2xl-line-height-desktop: 90px;
    --display-2xl-letter-spacing-desktop: -2%;

    /* Text font sizes */
    --text-xs-font-size: 12px;
    --text-sm-font-size: 14px;
    --text-md-font-size: 16px;
    --text-lg-font-size: 18px;
    --text-xl-font-size: 20px;

    /* Text line heights */
    --text-xs-line-height: 18px;
    --text-sm-line-height: 20px;
    --text-md-line-height: 24px;
    --text-lg-line-height: 28px;
    --text-xl-line-height: 30px;


    /* ———————— */
    /* HEADINGS */
    /* ———————— */
    /* H1 */
    --h1-font-size-mobile: 36px;
    --h1-font-weight-mobile: 600;
    --h1-line-height-mobile: 44px;
    --h1-letter-spacing-mobile: 0;
    --h1-margin-top-mobile: 40px;
    --h1-margin-bottom-mobile: 20px;

    --h1-font-size-desktop: 48px;
    --h1-font-weight-desktop: 600;
    --h1-line-height-desktop: 60px;
    --h1-letter-spacing-desktop: 0;
    --h1-margin-top-desktop: 48px;
    --h1-margin-bottom-desktop: 24px;

    /* H2 */
    --h2-font-size-mobile: 28px;
    --h2-font-weight-mobile: 600;
    --h2-line-height-mobile: 36px;
    --h2-letter-spacing-mobile: 0;
    --h2-margin-top-mobile: 32px;
    --h2-margin-bottom-mobile: 16px;

    --h2-font-size-desktop: 36px;
    --h2-font-weight-desktop: 600;
    --h2-line-height-desktop: 44px;
    --h2-letter-spacing-desktop: 0;
    --h2-margin-top-desktop: 40px;
    --h2-margin-bottom-desktop: 20px;

    /* H3 */
    --h3-font-size-mobile: 24px;
    --h3-font-weight-mobile: 600;
    --h3-line-height-mobile: 32px;
    --h3-letter-spacing-mobile: 0;
    --h3-margin-top-mobile: 32px;
    --h3-margin-bottom-mobile: 12px;

    --h3-font-size-desktop: 28px;
    --h3-font-weight-desktop: 600;
    --h3-line-height-desktop: 36px;
    --h3-letter-spacing-desktop: 0;
    --h3-margin-top-desktop: 32px;
    --h3-margin-bottom-desktop: 16px;

    /* H4 */
    --h4-font-size-mobile: 20px;
    --h4-font-weight-mobile: 600;
    --h4-line-height-mobile: 30px;
    --h4-letter-spacing-mobile: 0;
    --h4-margin-top-mobile: 20px;
    --h4-margin-bottom-mobile: 8px;

    --h4-font-size-desktop: 24px;
    --h4-font-weight-desktop: 600;
    --h4-line-height-desktop: 32px;
    --h4-letter-spacing-desktop: 0;
    --h4-margin-top-desktop: 32px;
    --h4-margin-bottom-desktop: 12px;


    /* —————————— */
    /* PARAGRAPHS */
    /* —————————— */
    --p-margin-top-mobile: 0;
    --p-margin-bottom-mobile: 16px;
    --p-margin-top-desktop: 0;
    --p-margin-bottom-desktop: 16px;


    /* Lists */
    --list-padding: 0;
    --list-margin: 0;
    --list-item-margin-bottom: 0.5em;
    --list-nested-margin: 1em;


    /* —————————— */
    /*   SPACING  */
    /* —————————— */
    --spacing-3x-small: 8px;
    --spacing-2x-small: 12px;
    --spacing-x-small: 16px;
    --spacing-small: 20px;
    --spacing-medium: 24px;
    --spacing-large: 32px;
    --spacing-x-large: 40px;
    --spacing-2x-large: 48px;
    --spacing-3x-large: 64px;
    --spacing-4x-large: 80px;



    /* ————————————————————— */
    /*   MAX CONTENT WIDTH   */
    /* ————————————————————— */
    --max-content-width: 740px;


    /* ————————————— */
    /* FOCUS EFFECTS */
    /* ————————————— */
    --focus-ring-border: none;
    --focus-ring-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.18) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.05), 0px 0px 0px 2px white, 0px 0px 0px 4px #0A74FF;


    /* —————————————————————————————— */
    /* BACKGROUND & FOREGROUND STYLES */
    /* —————————————————————————————— */
    /* Background styles */
    --background-style-light: #FFFFFF;
    --background-style-dark: #F8F9FC;
    --background-style-dark-alt: #EAECF5;
    --background-style-accent: #EBF3FF;
    --background-style-accent-alt: #002F6C;

    /* Text colors */
    --foreground-style-light: #FAFAFA;
    --foreground-style-dark: #181D27;
    --foreground-style-dark-alt: #414651;
    --foreground-style-accent: #0047A3;
    --foreground-style-accent-alt: #0058CC;
    --success-color: #067647;
    /* Green */
    --warning-color: #B54708;
    /* Yellow */
    --danger-color: #D92D20;
    /* Red */
    --faded-color: #717680;

    /* ———— */
    /* LINK */
    /* ———— */
    --link-gap: 4px;
    --link-font-family: inherit;
    --link-font-weight: 600;
    --link-font-size: inherit;
    --link-line-height: inherit;

    --link-color-a-foreground: var(--foreground-style-accent-alt);
    --link-color-a-decoration: none;
    --link-color-a-foreground-hover: var(--link-color-a-foreground);
    --link-color-a-decoration-hover: underline;

    --link-color-b-foreground: inherit;
    --link-color-b-decoration: inherit;
    --link-color-b-foreground-hover: var(--link-color-b-foreground);
    --link-color-b-decoration-hover: underline;

    --link-inverse-foreground: white;
    --link-inverse-decoration: inherit;
    --link-inverse-foreground-hover: var(--link-inverse-foreground);
    --link-inverse-decoration-hover: underline;


    /* —————————— */
    /* BOX BUTTON */
    /* —————————— */
    /* Font settings */
    --button-font-family: var(--font-family-sans);
    /* Updated font family */
    --button-font-weight: 500;
    /* Updated font weight */
    --button-border-radius: 8px;
    /* Updated button border radius */
    --button-box-shadow: none;
    /* --button-box-shadow: 0px 0px 0px 1px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner-border, rgba(10, 13, 18, 0.18)) inset, 0px -2px 0px 0px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner, rgba(10, 13, 18, 0.05)) inset, 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05)); */

    /* Solid Color A */
    --button-color-a-solid-background: #0058CC;
    --button-color-a-solid-background-hover: #0047A3;
    --button-color-a-solid-color: #fff;
    --button-color-a-solid-color-hover: #fff;
    --button-color-a-solid-border: 2px solid rgba(255, 255, 255, 0.12);
    --button-color-a-solid-border-hover: var(--button-color-a-solid-border);
    --button-color-a-solid-box-shadow: none;
    --button-color-a-solid-box-shadow-hover: var(--button-color-a-solid-box-shadow);


    /* Solid Color B */
    --button-color-b-solid-background: #0A0D12;
    --button-color-b-solid-background-hover: #0D0F1C;
    --button-color-b-solid-color: #fff;
    --button-color-b-solid-color-hover: var(--button-color-b-solid-color);
    --button-color-b-solid-border: solid 1px #0A0D12;
    --button-color-b-solid-border-hover: var(--button-color-b-solid-border);
    --button-color-b-solid-box-shadow: none;
    --button-color-b-solid-box-shadow-hover: none;

    /* Solid Inverse */
    --button-inverse-solid-background: #fff;
    --button-inverse-solid-background-hover: #f3f4f6;
    --button-inverse-solid-color: #111;
    --button-inverse-solid-color-hover: #111;
    --button-inverse-solid-border: none;
    --button-inverse-solid-border-hover: none;
    --button-inverse-solid-box-shadow: none;
    --button-inverse-solid-box-shadow-hover: none;

    /* Solid Disabled */
    --button-disabled-solid-background: #e5e7eb;
    --button-disabled-solid-color: #9ca3af;
    --button-disabled-solid-border: none;
    --button-disabled-solid-box-shadow: none;

    /* Outline Color A */
    --button-color-a-outline-background: transparent;
    --button-color-a-outline-background-hover: #D6E8FF;
    --button-color-a-outline-color: #0047A3;
    --button-color-a-outline-color-hover: #002F6C;
    --button-color-a-outline-border: 1px solid #5CA3FF;
    --button-color-a-outline-border-hover: var(--button-color-a-outline-border);
    --button-color-a-outline-box-shadow: none;
    --button-color-a-outline-box-shadow-hover: none;

    /* Outline Color B */
    --button-color-b-outline-background: transparent;
    --button-color-b-outline-background-hover: #FAFAFA;
    --button-color-b-outline-color: #181D27;
    --button-color-b-outline-color-hover: #0A0D12;
    --button-color-b-outline-border: 1px solid #D5D7DA;
    --button-color-b-outline-border-hover: var(--button-color-b-outline-border);
    --button-color-b-outline-box-shadow: none;
    --button-color-b-outline-box-shadow-hover: none;

    /* Outline Inverse */
    --button-inverse-outline-background: transparent;
    --button-inverse-outline-background-hover: #FAFAFA;
    --button-inverse-outline-color: #fff;
    --button-inverse-outline-color-hover: #0A0D12;
    --button-inverse-outline-border: 1px solid #D5D7DA;
    --button-inverse-outline-border-hover: 1px solid #D5D7DA;
    --button-inverse-outline-box-shadow: none;
    --button-inverse-outline-box-shadow-hover: none;

    /* Outline Disabled */
    --button-disabled-outline-background: #f3f4f6;
    --button-disabled-outline-color: #9ca3af;
    --button-disabled-outline-border: 1px solid #e5e7eb;
    --button-disabled-outline-box-shadow: none;

    /* Ghost Color A */
    --button-color-a-ghost-background: transparent;
    --button-color-a-ghost-background-hover: #D6E8FF;
    --button-color-a-ghost-color: #0047A3;
    --button-color-a-ghost-color-hover: #002F6C;
    --button-color-a-ghost-border: none;
    --button-color-a-ghost-border-hover: none;
    --button-color-a-ghost-box-shadow: none;
    --button-color-a-ghost-box-shadow-hover: none;

    /* Ghost Color B */
    --button-color-b-ghost-background: transparent;
    --button-color-b-ghost-background-hover: #FAFAFA;
    --button-color-b-ghost-color: #181D27;
    --button-color-b-ghost-color-hover: #0A0D12;
    --button-color-b-ghost-border: none;
    --button-color-b-ghost-border-hover: none;
    --button-color-b-ghost-box-shadow: none;
    --button-color-b-ghost-box-shadow-hover: none;

    /* Ghost Inverse */
    --button-inverse-ghost-background: transparent;
    --button-inverse-ghost-background-hover: var(--button-inverse-ghost-background);
    --button-inverse-ghost-color: #fff;
    --button-inverse-ghost-color-hover: var(--button-inverse-ghost-color);
    --button-inverse-ghost-border: none;
    --button-inverse-ghost-border-hover: none;
    --button-inverse-ghost-box-shadow: none;
    --button-inverse-ghost-box-shadow-hover: none;

    /* Ghost Disabled */
    --button-disabled-ghost-background: transparent;
    --button-disabled-ghost-color: #9ca3af;
    --button-disabled-ghost-border: none;
    --button-disabled-ghost-box-shadow: none;


    /* Sizes */
    --button-small-height: 36px;
    --button-small-padding: 8px 12px;
    --button-small-gap: 4px;
    --button-small-icon-size: 16px;
    --button-small-font-size: 12px;
    --button-small-line-height: 16px;
    --button-small-border-radius: 8px;

    --button-medium-height: 40px;
    --button-medium-padding: 10px 16px;
    --button-medium-gap: 6px;
    --button-medium-icon-size: 20px;
    --button-medium-font-size: 14px;
    --button-medium-line-height: 20px;
    --button-medium-border-radius: 8px;

    --button-large-height: 48px;
    --button-large-padding: 12px 20px;
    --button-large-gap: 8px;
    --button-large-icon-size: 24px;
    --button-large-font-size: 16px;
    --button-large-line-height: 24px;
    --button-large-border-radius: 8px;


    /* ————— */
    /* IMAGE */
    /* ————— */
    --image-border-radius: 16px;
    --image-aspect-ratio: 1/1;
    --image-transform: scale(1.05);
    --image-overlay-background: rgba(0, 0, 0, 0.5);
    --image-overlay-color: white;
    --image-overlay-size: 4rem;
    --image-caption-margin-top: 12px;
    --image-caption-font-family: var(--font-family-sans);
    --image-caption-font-size: var(--font-size-small);
    --image-caption-color: rgba(0, 0, 0, 0.55);


    /* ————— */
    /* VIDEO */
    /* ————— */
    --video-border-radius: 16px;


    /* ————————— */
    /* LIST ITEM */
    /* ————————— */
    --list-item-gap: 20px 40px;
    --list-item-thumb-aspect-ratio: 3/2;
    --list-item-body-gap: 8px;
    --list-item-body-padding: 0 48px 0 0;
    --list-item-horizontal-thumb-width: 360px;


    /* ———— */
    /* CARD */
    /* ———— */
    /* Default style variables */
    --card-horizontal-default-image-container-border-radius: var(--image-border-radius);
    --card-vertical-default-image-container-border-radius: var(--image-border-radius);
    --card-horizontal-default-image-border-radius: var(--image-border-radius);
    --card-vertical-default-image-border-radius: var(--image-border-radius);
    --card-horizontal-default-image-padding: 0;
    --card-vertical-default-image-padding: 0;
    --card-horizontal-default-body-padding-sm-mobile: 0;
    --card-horizontal-default-body-padding-sm-tablet: 24px;
    --card-horizontal-default-body-padding-sm-desktop: 48px;
    --card-horizontal-default-body-padding-lg-mobile: 24px;
    --card-horizontal-default-body-padding-lg-tablet: 48px;
    --card-horizontal-default-body-padding-lg-desktop: 96px;
    --card-vertical-default-body-padding-sm-mobile: 0 0 0 0;
    --card-vertical-default-body-padding-sm-tablet: 0 48px 0 0;
    --card-vertical-default-body-padding-sm-desktop: 0 48px 0 0;
    --card-vertical-default-body-padding-lg-mobile: 0 0 0 0;
    --card-vertical-default-body-padding-lg-tablet: 0 48px 0 0;
    --card-vertical-default-body-padding-lg-desktop: 0 48px 0 0;
    --card-default-gap: 20px 40px;
    --card-default-min-height: auto;
    --card-default-border: none;
    --card-default-border-radius: 0;
    --card-default-background: transparent;
    --card-default-shadow: none;
    --card-default-image-width: inherit;
    --card-default-image-background: transparent;
    --card-default-image-aspect-ratio: auto;
    --card-default-body-background: transparent;
    --card-default-body-container-border-radius: 0;
    --card-default-body-foreground: inherit;
    --card-default-headline-color: inherit;
    --card-default-headline-color-hover: var(--card-default-headline-color);
    --card-default-body-justify-content: flex-start;

    /* Alt-A style variables */
    --card-horizontal-alt-a-image-container-border-radius: var(--image-border-radius) 0 0 var(--image-border-radius);
    --card-vertical-alt-a-image-container-border-radius: var(--image-border-radius) var(--image-border-radius) 0 0;
    --card-horizontal-alt-a-image-border-radius: var(--image-border-radius) 0 0 var(--image-border-radius);
    --card-vertical-alt-a-image-border-radius: var(--image-border-radius) var(--image-border-radius) 0 0;
    --card-horizontal-alt-a-image-padding: 0;
    --card-vertical-alt-a-image-padding: 0;
    --card-horizontal-alt-a-body-padding-sm-mobile: 24px;
    --card-horizontal-alt-a-body-padding-sm-tablet: 24px;
    --card-horizontal-alt-a-body-padding-sm-desktop: 24px;
    --card-horizontal-alt-a-body-padding-lg-mobile: 24px;
    --card-horizontal-alt-a-body-padding-lg-tablet: 48px;
    --card-horizontal-alt-a-body-padding-lg-desktop: 96px;
    --card-vertical-alt-a-body-padding-sm-mobile: 24px;
    --card-vertical-alt-a-body-padding-sm-tablet: 24px;
    --card-vertical-alt-a-body-padding-sm-desktop: 24px;
    --card-vertical-alt-a-body-padding-lg-mobile: 24px;
    --card-vertical-alt-a-body-padding-lg-tablet: 24px;
    --card-vertical-alt-a-body-padding-lg-desktop: 24px;
    --card-alt-a-gap: 0;
    --card-alt-a-min-height: auto;
    --card-alt-a-border: 1px solid #D5D9EB;
    --card-alt-a-border-radius: 16px;
    --card-alt-a-background: #fff;
    --card-alt-a-shadow: none;
    --card-alt-a-image-width: inherit;
    --card-alt-a-image-background: transparent;
    --card-alt-a-image-aspect-ratio: 3 / 2;
    --card-alt-a-body-background: #fff;
    --card-alt-a-body-container-border-radius: 0 16px 16px 0;
    --card-alt-a-body-foreground: inherit;
    --card-alt-a-headline-color: inherit;
    --card-alt-a-headline-color-hover: var(--card-alt-a-headline-color);
    --card-alt-a-body-justify-content: flex-start;

    /* Alt-B style variables */
    --card-horizontal-alt-b-image-container-border-radius: 0;
    --card-vertical-alt-b-image-container-border-radius: 0;
    --card-horizontal-alt-b-image-border-radius: 0;
    --card-vertical-alt-b-image-border-radius: 0;
    --card-horizontal-alt-b-image-padding: 0;
    --card-vertical-alt-b-image-padding: 0;
    --card-horizontal-alt-b-body-padding-sm-mobile: 24px;
    --card-horizontal-alt-b-body-padding-sm-tablet: 24px;
    --card-horizontal-alt-b-body-padding-sm-desktop: 24px;
    --card-horizontal-alt-b-body-padding-lg-mobile: 24px;
    --card-horizontal-alt-b-body-padding-lg-tablet: 48px;
    --card-horizontal-alt-b-body-padding-lg-desktop: 96px;
    --card-vertical-alt-b-body-padding-sm-mobile: 24px;
    --card-vertical-alt-b-body-padding-sm-tablet: 24px;
    --card-vertical-alt-b-body-padding-sm-desktop: 24px;
    --card-vertical-alt-b-body-padding-lg-mobile: 24px;
    --card-vertical-alt-b-body-padding-lg-tablet: 24px;
    --card-vertical-alt-b-body-padding-lg-desktop: 24px;
    --card-alt-b-gap: 0;
    --card-alt-b-min-height: auto;
    --card-alt-b-border: none;
    --card-alt-b-border-radius: 16px;
    --card-alt-b-background: #EAECF5;
    --card-alt-b-shadow: none;
    --card-alt-b-image-width: inherit;
    --card-alt-b-image-background: transparent;
    --card-alt-b-image-aspect-ratio: 3 / 2;
    --card-alt-b-body-background: transparent;
    --card-alt-b-body-container-border-radius: 0;
    --card-alt-b-body-foreground: #444;
    --card-alt-b-headline-color: #222;
    --card-alt-b-headline-color-hover: var(--card-alt-b-headline-color);
    --card-alt-b-body-justify-content: flex-start;

    /* Alt-C style variables */
    --card-horizontal-alt-c-image-container-border-radius: 0;
    --card-vertical-alt-c-image-container-border-radius: 0;
    --card-horizontal-alt-c-image-border-radius: 0;
    --card-vertical-alt-c-image-border-radius: 0;
    --card-horizontal-alt-c-image-padding: 24px;
    --card-vertical-alt-c-image-padding: 24px;
    --card-horizontal-alt-c-body-padding-sm-mobile: 32px 24px 32px 24px;
    --card-horizontal-alt-c-body-padding-sm-tablet: 24px;
    --card-horizontal-alt-c-body-padding-sm-desktop: 24px;
    --card-horizontal-alt-c-body-padding-lg-mobile: 24px;
    --card-horizontal-alt-c-body-padding-lg-tablet: 48px;
    --card-horizontal-alt-c-body-padding-lg-desktop: 96px;
    --card-vertical-alt-c-body-padding-sm-mobile: 24px;
    --card-vertical-alt-c-body-padding-sm-tablet: 24px;
    --card-vertical-alt-c-body-padding-sm-desktop: 24px;
    --card-vertical-alt-c-body-padding-lg-mobile: 24px;
    --card-vertical-alt-c-body-padding-lg-tablet: 24px;
    --card-vertical-alt-c-body-padding-lg-desktop: 24px;
    --card-alt-c-gap: 0;
    --card-alt-c-min-height: 0;
    --card-alt-c-border: none;
    --card-alt-c-border-radius: 16px;
    --card-alt-c-background: #F8F9FC;
    --card-alt-c-shadow: none;
    --card-alt-c-image-width: auto;
    --card-alt-c-image-padding: 24px;
    --card-alt-c-image-background: transparent;
    --card-alt-c-image-aspect-ratio: auto;
    --card-alt-c-body-background: transparent;
    --card-alt-c-body-container-border-radius: 0;
    --card-alt-c-body-foreground: inherit;
    --card-alt-c-headline-color: inherit;
    --card-alt-c-headline-color-hover: var(--card-alt-c-headline-color);
    --card-alt-c-body-justify-content: flex-start;


    /* ———————————— */
    /* FORM CONTROL */
    /* ———————————— */
    --form-control-flex-direction: column;
    --form-control-gap: 6px;
    --form-control-body-width: 320px;
    --form-control-label-font-family: var(--font-family-sans);
    --form-control-label-font-size: 14px;
    --form-control-label-font-weight: 500;
    --form-control-label-line-height: 20px;
    --form-control-label-letter-spacing: var(--letter-spacing-normal);
    --form-control-label-color: var(--text-color);
    --form-control-label-text-transform: none;
    --form-control-input-divider-color: #B3B8DB;
    --form-control-supporting-text-font-family: var(--font-family-sans);
    --form-control-supporting-text-font-size: 14px;
    --form-control-supporting-text-font-weight: 400;
    --form-control-supporting-text-line-height: 20px;
    --form-control-supporting-text-color: #535862;
    --form-control-supporting-text-invalid-color: #D92D20;
    --form-control-help-icon-color: #A4A7AE;

    /* ———————————————————— */
    /* FORM CONTROL — INPUT */
    /* ———————————————————— */
    --form-control-input-font-family: var(--font-family-sans);
    --form-control-input-font-size: var(--text-md-font-size);
    --form-control-input-line-height: var(--text-md-line-height);
    --form-control-input-body-gap: 8px;
    --form-control-input-body-padding: 10px 14px;
    --form-control-input-border-radius: 8px;
    --form-control-input-border: 1px solid #B3B8DB;
    --form-control-input-background: transparent;
    --form-control-input-color: var(--text-color);
    --form-control-input-placeholder-color: #717680;
    --form-control-input-shadow: none;
    --form-control-input-prefix-color: rgba(0, 0, 0, 0.54);
    --form-control-input-suffix-color: rgba(0, 0, 0, 0.54);
    --form-control-input-invalid-border: solid 1px #F04438;
    --form-control-input-invalid-shadow: 0 0 0 1px #F04438;
    --form-control-input-invalid-background: transparent;
    --form-control-input-invalid-color: inherit;
    --form-control-input-disabled-border: solid 1px #B3B8DB;
    --form-control-input-disabled-shadow: none;
    --form-control-input-disabled-background: #F8F9FC;
    --form-control-input-disabled-color: #717680;

    /* ——————— */
    /* SECTION */
    /* ——————— */
    --section-main-navigation-fixed-padding: 24px 0 24px 0;
    --section-main-navigation-fixed-background: white;
    --section-wide-content-width: 1664px;
    --section-narrow-content-width: var(--max-content-width);
    --section-border-radius: 16px;

    --section-background-default-style: transparent;
    --section-foreground-default-style: var(--text-color);
    --section-border-default-style: none;
    --section-border-radius-default-style: var(--section-border-radius);
    --section-box-shadow-default-style: none;
    --section-padding-block-default-style-mobile: 48px;
    --section-padding-inline-default-style-mobile: 0;
    --section-padding-block-default-style-desktop: 64px;
    --section-padding-inline-default-style-desktop: 0;

    --section-background-alt-a-style: #F8F9FC;
    --section-foreground-alt-a-style: var(--text-color);
    --section-border-alt-a-style: none;
    --section-border-radius-alt-a-style: var(--section-border-radius);
    --section-box-shadow-alt-a-style: none;
    --section-padding-block-alt-a-style-mobile: var(--section-padding-block-default-style-mobile);
    --section-padding-inline-alt-a-style-mobile: var(--section-padding-block-default-style-mobile);
    --section-padding-block-alt-a-style-desktop: var(--section-padding-block-default-style-desktop);
    --section-padding-inline-alt-a-style-desktop: var(--section-padding-block-default-style-desktop);

    --section-background-alt-b-style: #D6E8FF;
    --section-foreground-alt-b-style: var(--text-color);
    --section-border-alt-b-style: none;
    --section-border-radius-alt-b-style: var(--section-border-radius);
    --section-box-shadow-alt-b-style: none;
    --section-padding-block-alt-b-style-mobile: var(--section-padding-block-default-style-mobile);
    --section-padding-inline-alt-b-style-mobile: var(--section-padding-block-default-style-mobile);
    --section-padding-block-alt-b-style-desktop: var(--section-padding-block-default-style-desktop);
    --section-padding-inline-alt-b-style-desktop: var(--section-padding-block-default-style-desktop);


    --section-background-alt-c-style: #002F6C;
    --section-foreground-alt-c-style: #FAFAFA;
    --section-border-alt-c-style: none;
    --section-border-radius-alt-c-style: var(--section-border-radius);
    --section-box-shadow-alt-c-style: none;
    --section-padding-block-alt-c-style-mobile: var(--section-padding-block-default-style-mobile);
    --section-padding-inline-alt-c-style-mobile: var(--section-padding-block-default-style-mobile);
    --section-padding-block-alt-c-style-desktop: var(--section-padding-block-default-style-desktop);
    --section-padding-inline-alt-c-style-desktop: var(--section-padding-block-default-style-desktop);


    /* ——————— */
    /*   BOX   */
    /* ——————— */
    --box-border-radius: var(--section-border-radius);

    --box-background-default-style: #D6E8FF;
    --box-foreground-default-style: var(--text-color);
    --box-border-default-style: none;
    --box-border-radius-default-style: var(--box-border-radius);
    --box-box-shadow-default-style: none;

    --box-background-alt-a-style: #EAECF5;
    --box-foreground-alt-a-style: var(--text-color);
    --box-border-alt-a-style: none;
    --box-border-radius-alt-a-style: var(--box-border-radius);
    --box-box-shadow-alt-a-style: none;

    --box-background-alt-b-style: #EBF3FF;
    --box-foreground-alt-b-style: var(--text-color);
    --box-border-alt-b-style: none;
    --box-border-radius-alt-b-style: var(--box-border-radius);
    --box-box-shadow-alt-b-style: none;

    --box-background-alt-c-style: #002F6C;
    --box-foreground-alt-c-style: rgba(250, 250, 250, 0.8);
    --box-border-alt-c-style: none;
    --box-border-radius-alt-c-style: var(--box-border-radius);
    --box-box-shadow-alt-c-style: none;

    --box-padding-sm-mobile: 24px;
    --box-padding-sm-desktop: 24px;
    --box-padding-lg-mobile: 24px;
    --box-padding-lg-desktop: 48px;

    /* Hover effects */
    /* Default style hover */
    --box-background-default-style-hover: var(--box-background-default-style);
    --box-foreground-default-style-hover: var(--box-foreground-default-style);
    --box-border-default-style-hover: var(--box-border-default-style);
    --box-border-radius-default-style-hover: var(--box-border-radius-default-style);
    --box-box-shadow-default-style-hover: var(--box-box-shadow-default-style);
    --box-transform-default-style-hover: scale(1.015);

    /* Alt A style hover */
    --box-background-alt-a-style-hover: var(--box-background-alt-a-style);
    --box-foreground-alt-a-style-hover: var(--box-foreground-alt-a-style);
    --box-border-alt-a-style-hover: var(--box-border-alt-a-style);
    --box-border-radius-alt-a-style-hover: var(--box-border-radius-alt-a-style);
    --box-box-shadow-alt-a-style-hover: var(--box-box-shadow-alt-a-style-hover);
    --box-transform-alt-a-style-hover: var(--box-transform-default-style-hover);

    /* Alt B style hover */
    --box-background-alt-b-style-hover: var(--box-background-alt-b-style);
    --box-foreground-alt-b-style-hover: var(--box-foreground-alt-b-style);
    --box-border-alt-b-style-hover: var(--box-border-alt-b-style);
    --box-border-radius-alt-b-style-hover: var(--box-border-radius-alt-b-style);
    --box-box-shadow-alt-b-style-hover: var(--box-box-shadow-alt-b-style-hover);
    --box-transform-alt-b-style-hover: var(--box-transform-default-style-hover);

    /* Alt C style hover */
    --box-background-alt-c-style-hover: var(--box-background-alt-c-style);
    --box-foreground-alt-c-style-hover: var(--box-foreground-alt-c-style);
    --box-border-alt-c-style-hover: var(--box-border-alt-c-style);
    --box-border-radius-alt-c-style-hover: var(--box-border-radius-alt-c-style);
    --box-box-shadow-alt-c-style-hover: var(--box-box-shadow-alt-c-style-hover);
    --box-transform-alt-c-style-hover: var(--box-transform-default-style-hover);


    /* ————————— */
    /*   AVATAR  */
    /* ————————— */

    /* Style */
    --avatar-background: #f0f0f0;
    --avatar-foreground: #000000;
    --avatar-border: 1px solid #ccc;
    --avatar-border-radius: 9999px;
    --avatar-aspect-ratio: 1/1;

    /* Size */
    --avatar-size-xxs: 24px;
    --avatar-size-xs: 32px;
    --avatar-size-sm: 40px;
    --avatar-size-md: 64px;
    --avatar-size-lg: 80px;
    --avatar-size-xl: 96px;
    --avatar-size-xxl: 128px;

    /* Button size */
    --avatar-button-size-xxs: 16px;
    --avatar-button-size-xs: 20px;
    --avatar-button-size-sm: 24px;
    --avatar-button-size-md: 28px;
    --avatar-button-size-lg: 32px;
    --avatar-button-size-xl: 48px;
    --avatar-button-size-xxl: 64px;

    /* Font size */
    --avatar-font-size-xxs: 12px;
    --avatar-font-size-xs: 14px;
    --avatar-font-size-sm: 16px;
    --avatar-font-size-md: 18px;
    --avatar-font-size-lg: 28px;
    --avatar-font-size-xl: 38px;
    --avatar-font-size-xxl: 67px;


    /* ———————————— */
    /*  AVATAR NAME */
    /* ———————————— */
    --avatar-name-background: transparent;
    --avatar-name-foreground: var(--text-color);
    --avatar-name-border: none;
    --avatar-name-border-radius: 0;
    --avatar-name-box-shadow: none;
    --avatar-name-padding: 0;
    --avatar-name-gap: var(--spacing-medium);
    --avatar-name-flex-direction: row;
    --avatar-name-align-items: center;
    --avatar-name-justify-content: flex-start;

    /* —————————————————— */
    /*   ACCORDION ITEM   */
    /* —————————————————— */
    --accordion-item-border-radius: 16px;
    --accordion-item-padding: 0;
    --accordion-item-heading-padding: 16px;
    --accordion-item-body-padding: 0 32px 16px 16px;

    /* Numbering */
    --accordion-item-numbering-margin: 8px;
    --accordion-item-numbering-font-size: var(--text-lg-font-size);
    --accordion-item-numbering-font-weight: var(--font-weight-light);
    --accordion-item-numbering-line-height: var(--text-lg-line-height);

    /* Spacing */
    --accordion-spacing: 12px;

    /* Default style */
    --accordion-item-default-border: solid 1px #D5D9EB;
    --accordion-item-default-background: #fff;
    --accordion-item-default-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --accordion-item-default-heading-color: var(--text-color);
    --accordion-item-default-numbering-color: var(--accordion-item-default-heading-color);
    --accordion-item-default-body-color: #535862;
    /* Default style - expanded */
    --accordion-item-default-expanded-border: var(--accordion-item-default-border);
    --accordion-item-default-expanded-background: var(--accordion-item-default-background);
    --accordion-item-default-expanded-box-shadow: var(--accordion-item-default-box-shadow);
    --accordion-item-default-expanded-heading-color: var(--accordion-item-default-heading-color);
    --accordion-item-default-expanded-numbering-color: var(--accordion-item-default-numbering-color);
    --accordion-item-default-expanded-body-color: var(--accordion-item-default-body-color);
    /* Default style :hover */
    --accordion-item-default-border-hover: var(--accordion-item-default-border);
    --accordion-item-default-background-hover: var(--accordion-item-default-background);
    --accordion-item-default-box-shadow-hover: var(--accordion-item-default-box-shadow);
    --accordion-item-default-heading-color-hover: var(--accordion-item-default-heading-color);
    --accordion-item-default-numbering-color-hover: var(--accordion-item-default-numbering-color);
    --accordion-item-default-body-color-hover: var(--accordion-item-default-body-color);
    /* Default style - expanded :hover */
    --accordion-item-default-expanded-border-hover: var(--accordion-item-default-border);
    --accordion-item-default-expanded-background-hover: var(--accordion-item-default-background);
    --accordion-item-default-expanded-box-shadow-hover: var(--accordion-item-default-box-shadow);
    --accordion-item-default-expanded-heading-color-hover: var(--accordion-item-default-heading-color);
    --accordion-item-default-expanded-numbering-color-hover: var(--accordion-item-default-numbering-color);
    --accordion-item-default-expanded-body-color-hover: var(--accordion-item-default-body-color);

    /* Inverse style */
    --accordion-item-inverse-border: solid 1px rgba(255, 255, 255, 0.15);
    --accordion-item-inverse-background: transparent;
    --accordion-item-inverse-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --accordion-item-inverse-heading-color: #fff;
    --accordion-item-inverse-numbering-color: var(--accordion-item-inverse-heading-color);
    --accordion-item-inverse-body-color: rgba(255, 255, 255, 0.75);
    /* Inverse style - expanded */
    --accordion-item-inverse-expanded-border: var(--accordion-item-inverse-border);
    --accordion-item-inverse-expanded-background: var(--accordion-item-inverse-background);
    --accordion-item-inverse-expanded-box-shadow: var(--accordion-item-inverse-box-shadow);
    --accordion-item-inverse-expanded-heading-color: var(--accordion-item-inverse-heading-color);
    --accordion-item-inverse-expanded-numbering-color: var(--accordion-item-inverse-numbering-color);
    --accordion-item-inverse-expanded-body-color: var(--accordion-item-inverse-body-color);
    /* Inverse style :hover */
    --accordion-item-inverse-border-hover: var(--accordion-item-inverse-border);
    --accordion-item-inverse-background-hover: var(--accordion-item-inverse-background);
    --accordion-item-inverse-box-shadow-hover: var(--accordion-item-inverse-box-shadow);
    --accordion-item-inverse-heading-color-hover: var(--accordion-item-inverse-heading-color);
    --accordion-item-inverse-numbering-color-hover: var(--accordion-item-inverse-numbering-color);
    --accordion-item-inverse-body-color-hover: var(--accordion-item-inverse-body-color);
    /* Inverse style - expanded :hover */
    --accordion-item-inverse-expanded-border-hover: var(--accordion-item-inverse-border);
    --accordion-item-inverse-expanded-background-hover: var(--accordion-item-inverse-background);
    --accordion-item-inverse-expanded-box-shadow-hover: var(--accordion-item-inverse-box-shadow);
    --accordion-item-inverse-expanded-heading-color-hover: var(--accordion-item-inverse-heading-color);
    --accordion-item-inverse-expanded-numbering-color-hover: var(--accordion-item-inverse-numbering-color);
    --accordion-item-inverse-expanded-body-color-hover: var(--accordion-item-inverse-body-color);



    /* ————————— */
    /*   BADGE   */
    /* ————————— */
    --badge-font-weight: var(--font-weight-medium);
    --badge-close-button-color: inherit;
    --badge-close-button-size: 1em;

    /* Sizes */
    --badge-padding-xxs: 0.125rem;
    --badge-font-size-xxs: 0.625rem;
    --badge-line-height-xxs: 0.875rem;
    --badge-gap-xxs: 0.125rem;
    --badge-border-radius-xxs: var(--border-radius-full);

    --badge-padding-xs: 0.125rem;
    --badge-font-size-xs: 0.75rem;
    --badge-line-height-xs: 1rem;
    --badge-gap-xs: 0.125rem;
    --badge-border-radius-xs: var(--border-radius-full);

    --badge-padding-sm: 2px 8px;
    --badge-font-size-sm: 12px;
    --badge-line-height-sm: 18px;
    --badge-gap-sm: 4px;
    --badge-border-radius-sm: var(--border-radius-full);

    --badge-padding-md: 2px 10px;
    --badge-font-size-md: 14px;
    --badge-line-height-md: 20px;
    --badge-gap-md: 6px;
    --badge-border-radius-md: var(--border-radius-full);

    --badge-padding-lg: 4px 12px;
    --badge-font-size-lg: 14px;
    --badge-line-height-lg: 20px;
    --badge-gap-lg: 6px;
    --badge-border-radius-lg: var(--border-radius-full);

    --badge-padding-xl: 1rem;
    --badge-font-size-xl: 1.5rem;
    --badge-line-height-xl: 2rem;
    --badge-gap-xl: 1rem;
    --badge-border-radius-xl: var(--border-radius-full);

    --badge-padding-xxl: 1.5rem;
    --badge-font-size-xxl: 2rem;
    --badge-line-height-xxl: 2.5rem;
    --badge-gap-xxl: 1.5rem;
    --badge-border-radius-xxl: var(--border-radius-full);

    /* Default Style */
    --badge-default-background: #FAFAFA;
    --badge-default-color: #414651;
    --badge-default-border: 1px solid #E9EAEB;

    /* Brand Style */
    --badge-brand-background: #D6E8FF;
    --badge-brand-color: #0047A3;
    --badge-brand-border: 1px solid #85BAFF;

    /* Success Style */
    --badge-success-background: #ECFDF3;
    --badge-success-color: #067647;
    --badge-success-border: 1px solid #ABEFC6;

    /* Warning Style */
    --badge-warning-background: #FFFAEB;
    --badge-warning-color: #B54708;
    --badge-warning-border: 1px solid #FEDF89;

    /* Danger Style */
    --badge-danger-background: #FEF3F2;
    --badge-danger-color: #B42318;
    --badge-danger-border: 1px solid #FECDCA;

    /* Info Style */
    --badge-info-background: #EFF8FF;
    --badge-info-color: #175CD3;
    --badge-info-border: 1px solid #B2DDFF;

    /* Light Style */
    --badge-light-background: #EFF8FF;
    --badge-light-color: var(--text-color);
    --badge-light-border: 1px solid #F0F0F1;

    /* Dark Style */
    --badge-dark-background: #343a40;
    --badge-dark-color: #fff;
    --badge-dark-border: 1px solid #1d2124;

    /* Outline Styles */
    --badge-outline-default-background: transparent;
    --badge-outline-default-color: #181D27;
    --badge-outline-default-border: 1px solid #181D27;

    --badge-outline-brand-background: transparent;
    --badge-outline-brand-color: #0047A3;
    --badge-outline-brand-border: 1px solid #0058CC;

    --badge-outline-success-background: transparent;
    --badge-outline-success-color: #067647;
    --badge-outline-success-border: 1px solid #079455;

    --badge-outline-warning-background: transparent;
    --badge-outline-warning-color: #B54708;
    --badge-outline-warning-border: 1px solid #DC6803;

    --badge-outline-danger-background: transparent;
    --badge-outline-danger-color: #B42318;
    --badge-outline-danger-border: 1px solid #D92D20;

    --badge-outline-info-background: transparent;
    --badge-outline-info-color: #175CD3;
    --badge-outline-info-border: 1px solid #1570EF;

    --badge-outline-light-background: transparent;
    --badge-outline-light-color: #F0F0F1;
    --badge-outline-light-border: 1px solid #F0F0F1;

    --badge-outline-dark-background: transparent;
    --badge-outline-dark-color: #000;
    --badge-outline-dark-border: 1px solid #000;


    /* ————————————— */
    /*   BADGE SET   */
    /* ————————————— */
    --badge-set-column-gap: 12px;
    --badge-set-row-gap: 8px;
    --badge-set-margin-bottom-mobile: 12px;
    --badge-set-margin-bottom-desktop: 12px;



    /* ———————— */
    /*   LINE   */
    /* ———————— */
    --line-default-width: 3px;
    --line-default-length-mobile: 165px;
    --line-default-length-desktop: 165px;
    --line-default-color: #000;
    --line-default-background-image: none;
    --line-default-background-repeat: no-repeat;
    --line-default-margin: 48px 0;

    --line-inverse-width: var(--line-default-width);
    --line-inverse-length-mobile: var(--line-default-length-mobile);
    --line-inverse-length-desktop: var(--line-default-length-desktop);
    --line-inverse-color: #fff;
    --line-inverse-background-image: var(--line-default-background-image);
    --line-inverse-background-repeat: var(--line-default-background-repeat);
    --line-inverse-margin: var(--line-default-margin);


    /* ——————— */
    /*   TAB   */
    /* ——————— */
    --tab-background: transparent;
    /* Default background */
    --tab-foreground: #717680;
    /* Default text color */
    --tab-border: none;
    /* Default border */
    --tab-border-radius: none;
    /* Default border radius */
    --tab-box-shadow: none;
    /* Default box shadow */
    --tab-font-weight: var(--font-weight-semibold);
    /* Default font weight */
    --tab-font-size: 16px;
    /* Default font size */
    --tab-line-height: 24px;
    /* Default line height */
    --tab-padding: 8px 12px;
    /* Default padding */
    --tab-gap: 8px;
    /* Default gap between elements */

    --tab-background-active: var(--tab-background);
    /* Active background */
    --tab-foreground-active: #0047A3;
    /* Active text color */
    --tab-border-active: var(--tab-border);
    /* Active border */
    --tab-border-radius-active: var(--tab-border-radius);
    /* Active border radius */
    --tab-box-shadow-active: 0 2px 0 0 var(--tab-foreground-active);
    /* Simulate border-bottom */
    --tab-font-weight-active: var(--tab-font-weight);
    /* Active font weight */
    --tab-font-size-active: var(--tab-font-size);
    /* Active font size */
    --tab-line-height-active: var(--tab-line-height);
    /* Active line height */

    /* ————— */
    /* QUOTE */
    /* ————— */
    --quote-background: #fdf6e3;
    --quote-foreground: inherit;
    --quote-border: none;
    --quote-border-radius: 16px;
    --quote-box-shadow: none;
    --quote-padding-mobile: 32px;
    --quote-padding-desktop: 48px;
    --quote-gap: var(--spacing-large);
    --quote-width: var(--max-content-width);
    --quote-blockquote-paragraph-gap: var(--spacing-small);
    --quote-caption-align-self: flex-start;
    --quote-caption-justify-self: flex-start;
    --quote-caption-text-align: left;
    --quote-text-align: left;
    --quote-faded-color: #535862;


    /* ———————————— */
    /* RADIO BUTTON */
    /* ———————————— */
    --radio-button-size: 20px;
    --radio-button-indicator-size: 8px;
    --radio-button-gap: 8px;
    --radio-button-border-radius: var(--border-radius-full);
    --radio-button-border: 1px solid #B3B8DB;
    --radio-button-background: transparent;
    --radio-button-border-hover: inherit;
    --radio-button-background-hover: inherit;
    --radio-button-border-checked: solid 1px #0058CC;
    --radio-button-background-checked: #0058CC;
    --radio-button-indicator-color: #fff;
    --radio-button-border-checked-hover: var(--radio-button-border-checked);
    --radio-button-background-checked-hover: var(--radio-button-background-checked);
    --radio-button-indicator-color-hover: var(--radio-button-indicator-color);
    --radio-button-border-disabled: inherit;
    --radio-button-background-disabled: inherit;
    --radio-button-indicator-color-disabled: #D5D7DA;
    --radio-button-foreground-disabled: var(--radio-button-border-disabled);

    /* ———————————— */
    /*   CHECKBOX   */
    /* ———————————— */
    --checkbox-size: 20px;
    --checkbox-indicator-size: 14px;
    --checkbox-gap: 8px;
    --checkbox-background: transparent;
    --checkbox-border: solid 1px #B3B8DB;
    --checkbox-border-radius: 4px;
    --checkbox-indicator-color: white;
    --checkbox-checked-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.6666 3.5L5.24998 9.91667L2.33331 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --checkbox-indeterminate-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.91669 7H11.0834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --checkbox-border-hover: var(--checkbox-border);
    --checkbox-background-hover: inherit;
    --checkbox-border-checked: solid 1px var(--checkbox-background-checked);
    --checkbox-background-checked: #0058CC;
    --checkbox-border-checked-hover: solid 1px var(--foreground-style-accent-dark);
    --checkbox-background-checked-hover: var(--checkbox-background-checked);
    --checkbox-indicator-color-hover: var(--checkbox-indicator-color);
    --checkbox-border-disabled: solid 1px var(--foreground-disabled);
    --checkbox-background-disabled: transparent;
    --checkbox-indicator-color-disabled: var(--foreground-disabled);
    --checkbox-foreground-disabled: lightgray;

    /* ——————————————— */
    /*   BREADCRUMBS   */
    /* ——————————————— */
    /* #717680 */
    --breadcrumbs-gap: 4px;
    --breadcrumbs-separator-color: #D5D7DA;
    --breadcrumbs-link-text-decoration: none;
    --breadcrumbs-link-text-decoration-hover: underline;
    --breadcrumbs-link-color: inherit;
    --breadcrumbs-link-color-hover: var(--breadcrumbs-link-color);
    --breadcrumbs-link-font-family: var(--font-family-sans);
    --breadcrumbs-link-font-weight: 500;
    --breadcrumbs-link-font-size: 12px;
    --breadcrumbs-link-line-height: 18px;
    --breadcrumbs-link-last-color: #717680;
    --breadcrumbs-link-last-color-hover: var(--breadcrumbs-link-last-color);

    /* —————————————— */
    /*   BUTTON SET   */
    /* —————————————— */
    --button-set-column-gap-mobile: 12px;
    --button-set-row-gap-mobile: 12px;
    --button-set-column-gap-desktop: 16px;
    --button-set-row-gap-desktop: 16px;


    /* —————————— */
    /*   LAYOUT   */
    /* —————————— */
    --layout-scrollable-col-size: 90%;
    --layout-column-gap-default-mobile: 48px;
    --layout-row-gap-default-mobile: 48px;
    --layout-column-gap-default-desktop: 64px;
    --layout-row-gap-default-desktop: 64px;
    --layout-column-gap-small-mobile: 8px;
    --layout-row-gap-small-mobile: 8px;
    --layout-column-gap-small-desktop: 8px;
    --layout-row-gap-small-desktop: 8px;


    /* ——————————— */
    /*   GALLERY   */
    /* ——————————— */
    --gallery-column-gap-mobile: 8px;
    --gallery-row-gap-mobile: 8px;
    --gallery-column-gap-desktop: 16px;
    --gallery-row-gap-desktop: 16px;


    /* ———————— */
    /*   GRID   */
    /* ———————— */
    --grid-scrollable-col-size: 90%;
    --grid-column-gap-mobile: var(--spacing-4x-large);
    --grid-row-gap-mobile: var(--spacing-4x-large);
    --grid-column-gap-desktop: var(--spacing-4x-large);
    --grid-row-gap-desktop: var(--spacing-4x-large);


    /* ———————————————— */
    /*   HERO SECTION   */
    /* ———————————————— */
    --hero-section-padding: 0;
    --hero-section-column-gap-mobile: 8px;
    --hero-section-row-gap-mobile: 8px;
    --hero-section-column-gap-desktop: var(--hero-section-column-gap-mobile);
    --hero-section-row-gap-desktop: var(--hero-section-row-gap-mobile);


    /* ———————————— */
    /*   SIGNPOST   */
    /* ———————————— */
    --signpost-column-gap-mobile: 8px;
    --signpost-row-gap-mobile: 8px;
    --signpost-column-gap-desktop: 8px;
    --signpost-row-gap-desktop: 8px;


    /* ———————————— */
    /*   SUB-MENU   */
    /* ———————————— */
    --sub-menu-background: inherit;
    --sub-menu-border: solid 1px #D5D9EB;
    --sub-menu-shadow: none;
    --sub-menu-border-radius: 16px;
    --sub-menu-padding: 48px;
    --sub-menu-max-width: 1664px;
    --sub-menu-margin: 0 auto;
    --sub-menu-item-padding: 12px;
    --sub-menu-column-gap: 24px;
    --sub-menu-row-gap: 24px;
    --sub-menu-min-column-size: 350px;
    --sub-menu-max-column-count: 4;

    --sub-menu-signpost-item-background: transparent;
    --sub-menu-signpost-item-foreground: inherit;
    --sub-menu-signpost-item-border: none;
    --sub-menu-signpost-item-border-radius: 8px;
    --sub-menu-signpost-item-box-shadow: none;
    --sub-menu-signpost-item-p-margin-bottom: 12px;

    --sub-menu-signpost-item-background-hover: #D6E8FF;
    --sub-menu-signpost-item-foreground-hover: inherit;
    --sub-menu-signpost-item-hover-border: none;
    --sub-menu-signpost-item-hover-box-shadow: none;

    --sub-menu-signpost-item-background-active: var(--sub-menu-signpost-item-background-hover);
    --sub-menu-signpost-item-foreground-active: var(--sub-menu-signpost-item-foreground);
    --sub-menu-signpost-item-active-border: none;
    --sub-menu-signpost-item-active-box-shadow: none;



    /* —————————————— */
    /*   ICON LABEL   */
    /* —————————————— */
    --icon-label-text-color: var(--text-color);
    --icon-label-icon-color: var(--icon-label-text-color);
    --icon-label-gap: var(--spacing-3x-small);


    /* ————————— */
    /*   MODAL   */
    /* ————————— */
    --modal-padding: 24px;
    --modal-background: #FFF;
    --modal-foreground: var(--text-color);
    --modal-border-radius: 12px;
    --modal-border: none;
    --modal-box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04);
    --modal-width: 720px;
    --modal-height: auto;

    --modal-header-background: var(--modal-background);
    --modal-header-foreground: var(--modal-foreground);
    --modal-header-border: none;
    --modal-header-padding: 0 0 24px 0;
    --modal-header-justify-content: space-between;

    --modal-body-background: var(--modal-background);
    --modal-body-foreground: var(--modal-foreground);
    --modal-body-padding: 0;
    --modal-body-overflow: auto;

    --modal-footer-background: var(--modal-background);
    --modal-footer-foreground: var(--modal-foreground);
    --modal-footer-border: none;
    --modal-footer-padding: 32px 0 0 0;
    --modal-footer-justify-content: flex-end;


    /* ————————— */
    /*   TABLE   */
    /* ————————— */
    --table-background: transparent;
    --table-foreground: var(--text-color, inherit);
    --table-box-shadow: none;
    --table-border: 1px solid #D5D9EB;
    --table-border-radius: 12px;
    --table-spacing: 0;
    --table-caption-text-align: left;
    --table-cell-padding: 16px 24px;
    --table-cell-text-align: left;
    --table-cell-vertical-align: middle;
    --table-font-family: var(--font-family-sans, sans-serif);
    --table-font-size: 1rem;
    --table-font-weight: normal;
    --table-line-height: 1.5;

    --table-row-hover-background: #F8F9FC;
    --table-row-hover-foreground: #181D27;

    --table-header-background: #F8F9FC;
    --table-header-foreground: #717680;
    --table-header-font-family: var(--table-font-family);
    --table-header-font-size: 12px;
    --table-header-font-weight: 600;
    --table-header-line-height: 18px;
    --table-header-horizontal-separator: var(--table-border);
    --table-header-vertical-separator: none;

    --table-body-background: transparent;
    --table-body-foreground: #535862;
    --table-body-font-family: var(--table-font-family);
    --table-body-font-size: 14px;
    --table-body-font-weight: 400;
    --table-body-line-height: 20px;
    --table-body-horizontal-separator: var(--table-border);
    --table-body-vertical-separator: none;

    --table-footer-background: transparent;
    --table-footer-foreground: #414651;
    --table-footer-font-family: var(--table-font-family);
    --table-footer-font-size: 14px;
    --table-footer-font-weight: 400;
    --table-footer-line-height: 20px;
    --table-footer-horizontal-separator: var(--table-header-horizontal-separator);
    --table-footer-vertical-separator: var(--table-header-vertical-separator);


    /* ————————————— */
    /*   BENTO BOX   */
    /* ————————————— */
    --bento-box-default-background: transparent;
    --bento-box-default-foreground: inherit;
    --bento-box-default-icon-color: var(--bento-box-default-foreground, inherit);
    --bento-box-inverse-background: transparent;
    --bento-box-inverse-foreground: white;
    --bento-box-inverse-icon-color: var(--bento-box-inverse-foreground, inherit);

    --bento-box-flex-direction: row;
    --bento-box-border-radius: 16px;
    --bento-box-box-shadow: none;

    --bento-box-padding-mobile: 24px;
    --bento-box-gap-mobile: 16px;
    --bento-box-padding-desktop: 48px;
    --bento-box-gap-desktop: 24px;

    /* Šířky bento boxů podle breakpointů */
    --bento-box-width-mobile: 100%;
    --bento-box-width-tablet: 360px;
    --bento-box-width-desktop: 480px;
    --bento-box-width-wide: 480px;

    /* Výšky bento boxů podle breakpointů */
    --bento-box-height-mobile: 360px;
    --bento-box-height-tablet: 360px;
    --bento-box-height-desktop: 480px;
    --bento-box-height-wide: 480px;


    /* ————————— */
    /*   EVENT   */
    /* ————————— */
    --event-background: transparent;
    --event-background-hover: var(--event-background);
    --event-foreground: inherit;
    --event-foreground-hover: inherit;
    --event-border: none;
    --event-shadow: none;
    --event-shadow-hover: none;
    --event-padding-mobile: 0;
    --event-padding-tablet: 0;
    --event-padding-desktop: 0;
    --event-border-radius-mobile: 0;
    --event-border-radius-tablet: 0;
    --event-border-radius-desktop: 0;
    --event-gap-mobile: 24px;
    --event-gap-tablet: 24px;
    --event-gap-desktop: 32px;
    --event-grid-areas-mobile: "image" "dates" "headline" "tags" "body" "buttons";
    --event-grid-areas-tablet:
        "image dates"
        "image headline"
        "image tags"
        "image body"
        "image buttons"
        "image ."
    ;
    --event-grid-areas-desktop:
        "dates image headline"
        "dates image tags"
        "dates image body"
        "dates image buttons"
        ". image ."
    ;
    --event-grid-columns-mobile: 1fr;
    --event-grid-columns-tablet: 1fr 2fr;
    --event-grid-columns-desktop: 257px 398px auto;
    --event-grid-rows-mobile: auto;
    --event-grid-rows-tablet: auto;
    --event-grid-rows-desktop: max-content;

    /* Spacing – mobile */
    --event-dates-top-spacing-mobile: 24px;
    --event-tags-top-spacing-mobile: 12px;
    --event-headline-top-spacing-mobile: 24px;
    --event-body-top-spacing-mobile: 12px;
    --event-image-top-spacing-mobile: 0;
    --event-buttons-top-spacing-mobile: 24px;

    /* Spacing – tablet */
    --event-dates-top-spacing-tablet: 0;
    --event-tags-top-spacing-tablet: 24px;
    --event-headline-top-spacing-tablet: 24px;
    --event-body-top-spacing-tablet: 24px;
    --event-image-top-spacing-tablet: 0;
    --event-buttons-top-spacing-tablet: 24px;

    /* Spacing – desktop */
    --event-dates-top-spacing-desktop: 0;
    --event-tags-top-spacing-desktop: 24px;
    --event-headline-top-spacing-desktop: 0;
    --event-body-top-spacing-desktop: 24px;
    --event-image-top-spacing-desktop: 0;
    --event-buttons-top-spacing-desktop: 24px;

    /* Padding */
    --event-dates-padding: 0;
    --event-tags-padding: 0;
    --event-headline-padding: 0;
    --event-body-padding: 0;
    --event-image-padding: 0;
    --event-image-aspect-ratio: 3/2;
    --event-buttons-padding: 0;
    --event-buttons-gap: 0;


    /* —————————————— */
    /*   NAVIGATION   */
    /* —————————————— */
    --navigation-gap: 12px 24px;


    /* ————————————————————— */
    /*   NAVIGATION MOBILE   */
    /* ————————————————————— */
    --navigation-mobile-padding: 16px;
    --navigation-mobile-gap: 4px;
    --navigation-mobile-header-gap: 4px;
    --navigation-mobile-header-padding: 0;
    --navigation-mobile-footer-gap: 4px;
    --navigation-mobile-footer-padding: 0;
    --navigation-mobile-menu-padding: 0;
    --navigation-mobile-menu-gap: 4px;
    --navigation-mobile-submenu-padding: 4px 0;
    --navigation-mobile-submenu-gap: 4px;
    --navigation-mobile-submenu-button-background: #D6E8FF;
    --navigation-mobile-submenu-margin: 0;
    --navigation-mobile-submenuitem-margin-left: 20px;


    /* —————————— */
    /*   FOOTER   */
    /* —————————— */
    --site-footer-background: #002F6C;
    --site-footer-foreground: #FFFFFF;
    --site-footer-padding: 32px;
    --site-footer-border: none;
    --site-footer-border-radius: 16px;
    --site-footer-box-shadow: none;
    --site-footer-gap: 24px;
    --site-footer-main-layout-gap: 24px;
    --site-footer-column-left-gap: 24px;
    --site-footer-column-right-gap: 16px;
    --site-footer-logo-height: 32px;
    --site-footer-logo-width: auto;
    --site-footer-padding-mobile: 24px;
    --site-footer-padding-tablet: 32px;
    --site-footer-padding-desktop: 32px;


    /* ——————————————— */
    /*   SITE HEADER   */
    /* ——————————————— */
    --site-header-background: #002F6C;
    --site-header-foreground: #fff;
    --site-header-padding: 16px 32px;
    --site-header-border: none;
    --site-header-border-radius: 16px;
    --site-header-box-shadow: none;
    --site-header-height-mobile: 72px;
    --site-header-height-tablet: 72px;
    --site-header-height-desktop: 72px;

    --site-header-logo-color: #fff;
    --site-header-logo-width-mobile: auto;
    --site-header-logo-height-mobile: 44px;
    --site-header-logo-width-tablet: auto;
    --site-header-logo-height-tablet: 32px;
    --site-header-logo-width-desktop: auto;
    --site-header-logo-height-desktop: 32px;

    --site-header-menu-items-gap: 16px;

    --site-header-actions-gap: 8px;

    --site-header-search-background: transparent;
    --site-header-search-foreground: #fff;
    --site-header-search-border: 1px solid #3E6596;
    --site-header-search-placeholder-color: #85BAFF;
    --site-header-search-icon-color: #85BAFF;
    --site-header-search-background-focus: #f0f4fa;
    --site-header-search-foreground-focus: inherit;
    --site-header-search-border-focus: 1px solid inherit;
    --site-header-search-placeholder-color-focus: inherit;
    --site-header-search-icon-color-focus: inherit;

    --site-header-search-button-background: transparent;
    --site-header-search-button-foreground: #fff;
    --site-header-search-button-padding: 0;
    --site-header-search-button-background-focus: transparent;
    --site-header-search-button-foreground-focus: var(--text-color);
    --site-header-search-button-padding-focus: 0;

    --site-header-button-background: transparent;
    --site-header-button-foreground: #fff;
    --site-header-button-background-hover: #0047A3;
    --site-header-button-foreground-hover: var(--site-header-button-foreground);



    /* —————————— */
    /*   PAGING   */
    /* —————————— */
    --paging-column-gap: 0;
    --paging-background: transparent;
    --paging-foreground: inherit;
    --paging-border: 1px solid #B3B8DB;
    --paging-padding: 0;
    --paging-button-background: transparent;
    --paging-button-foreground: inherit;
    --paging-button-width: 40px;
    --paging-button-border-separator: 1px solid #B3B8DB;
    --paging-button-background-hover: #F8F9FC;
    --paging-button-foreground-hover: inherit;
    --paging-button-background-active: var(--paging-button-background-hover);
    --paging-button-foreground-active: var(--paging-button-foreground-hover);
    --paging-margin: 24px auto 0 auto;


    /* ———————————————— */
    /*   BUTTON GROUP   */
    /* ———————————————— */

    --button-group-vertical-link-justify-content: space-between;
    --button-group-width: max-content;

    /* Skupina - default */
    --button-group-default-padding: 0;
    --button-group-default-background: transparent;
    --button-group-default-foreground: #181D27;
    --button-group-default-border: 1px solid #181D27;
    --button-group-default-border-radius: 8px;
    --button-group-default-shadow: none;
    --button-group-horizontal-default-separator: solid 1px #181D27;
    --button-group-vertical-default-separator: none;
    --button-group-default-gap: 0;

    /* Tlačítka - default */
    --button-group-default-button-background: inherit;
    --button-group-default-button-foreground: inherit;
    --button-group-default-button-border: none;
    --button-group-default-button-border-radius: 0;
    --button-group-default-button-background-hover: #0A0D12;
    --button-group-default-button-foreground-hover: #FFFFFF;
    --button-group-default-button-border-hover: inherit;
    --button-group-default-button-border-radius-hover: 0;
    --button-group-default-button-background-active: #0A0D12;
    --button-group-default-button-foreground-active: #FFFFFF;
    --button-group-default-button-border-active: inherit;
    --button-group-default-button-border-radius-active: 0;

    /* Skupina - alt-a */
    --button-group-alt-a-padding: 0;
    --button-group-alt-a-background: transparent;
    --button-group-alt-a-foreground: #181D27;
    --button-group-alt-a-border: 1px solid #B3B8DB;
    --button-group-alt-a-border-radius: 8px;
    --button-group-alt-a-shadow: none;
    --button-group-horizontal-alt-a-separator: solid 1px #B3B8DB;
    --button-group-vertical-alt-a-separator: none;
    --button-group-alt-a-gap: 0;

    /* Tlačítka - alt-a */
    --button-group-alt-a-button-background: #fff;
    --button-group-alt-a-button-foreground: #252B37;
    --button-group-alt-a-button-border: none;
    --button-group-alt-a-button-border-radius: 0;
    --button-group-alt-a-button-background-hover: #F8F9FC;
    --button-group-alt-a-button-foreground-hover: inherit;
    --button-group-alt-a-button-border-hover: inherit;
    --button-group-alt-a-button-border-radius-hover: inherit;
    --button-group-alt-a-button-background-active: #F8F9FC;
    --button-group-alt-a-button-foreground-active: inherit;
    --button-group-alt-a-button-border-active: inherit;
    --button-group-alt-a-button-border-radius-active: inherit;

    /* Skupina - alt-b */
    --button-group-alt-b-padding: 4px;
    --button-group-alt-b-background: #F8F9FC;
    --button-group-alt-b-foreground: #181D27;
    --button-group-alt-b-border: 1px solid #D5D9EB;
    --button-group-alt-b-border-radius: 10px;
    --button-group-alt-b-shadow: none;
    --button-group-horizontal-alt-b-separator: none;
    --button-group-vertical-alt-b-separator: none;
    --button-group-alt-b-gap: 4px;

    /* Tlačítka - alt-b */
    --button-group-alt-b-button-background: transparent;
    --button-group-alt-b-button-foreground: #717680;
    --button-group-alt-b-button-border: solid 1px transparent;
    --button-group-alt-b-button-border-radius: 10px;
    --button-group-alt-b-button-background-hover: #fff;
    --button-group-alt-b-button-foreground-hover: #414651;
    --button-group-alt-b-button-border-hover: solid 1px #D5D9EB;
    --button-group-alt-b-button-border-radius-hover: inherit;
    --button-group-alt-b-button-background-active: #fff;
    --button-group-alt-b-button-foreground-active: #414651;
    --button-group-alt-b-button-border-active: solid 1px #D5D9EB;
    --button-group-alt-b-button-border-radius-active: inherit;

    /* Skupina - alt-c */
    --button-group-alt-c-padding: 0;
    --button-group-alt-c-background: transparent;
    --button-group-alt-c-foreground: #181D27;
    --button-group-alt-c-border: none;
    --button-group-alt-c-border-radius: 0;
    --button-group-alt-c-shadow: none;
    --button-group-horizontal-alt-c-separator: none;
    --button-group-vertical-alt-c-separator: none;
    --button-group-alt-c-gap: 8px;

    /* Tlačítka - alt-c */
    --button-group-alt-c-button-background: transparent;
    --button-group-alt-c-button-foreground: var(--text-color);
    --button-group-alt-c-button-border: solid 1px #D5D9EB;
    --button-group-alt-c-button-border-radius: 8px;
    --button-group-alt-c-button-background-hover: #F8F9FC;
    --button-group-alt-c-button-foreground-hover: inherit;
    --button-group-alt-c-button-border-hover: inherit;
    --button-group-alt-c-button-border-radius-hover: inherit;
    --button-group-alt-c-button-background-active: #222425;
    --button-group-alt-c-button-foreground-active: #fff;
    --button-group-alt-c-button-border-active: inherit;
    --button-group-alt-c-button-border-radius-active: inherit;


    /* ———————————— */
    /*   DROPDOWN   */
    /* ———————————— */
    --dropdown-item-gap: 8px;
    --dropdown-item-border: none;
    --dropdown-item-border-radius: 6px;
    --dropdown-item-padding: 8px 10px;
    --dropdown-item-background: transparent;
    --dropdown-item-foreground: inherit;
    --dropdown-item-height: auto;
    --dropdown-item-min-height: 40px;

    --dropdown-item-background-hover: #F8F9FC;
    --dropdown-item-foreground-hover: inherit;
    --dropdown-item-prefix-color-hover: inherit;
    --dropdown-item-suffix-color-hover: inherit;

    --dropdown-item-background-selected: #F8F9FC;
    --dropdown-item-foreground-selected: inherit;
    --dropdown-item-prefix-color-selected: #0058CC;
    --dropdown-item-suffix-color-selected: #0058CC;

    --dropdown-item-background-disabled: transparent;
    --dropdown-item-foreground-disabled: #717680;
    --dropdown-item-prefix-color-disabled: #A4A7AE;
    --dropdown-item-suffix-color-disabled: #A4A7AE;

    --dropdown-item-prefix-color: inherit;
    --dropdown-item-suffix-color: inherit;



    /* ————————————————— */
    /*   DROPDOWN LIST   */
    /* ————————————————— */
    --dropdown-list-row-gap: 4px;
    --dropdown-list-top-position: 80%;
    --dropdown-list-width: 100%;
    --dropdown-list-max-height: 240px;
    --dropdown-list-background: white;
    --dropdown-list-border: solid 1px rgba(0, 0, 0, 0.12);
    --dropdown-list-shadow: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 2px 2px -1px rgba(10, 13, 18, 0.04);
    --dropdown-list-border-radius: 8px;
    --dropdown-list-padding: 4px 6px;


    /* ——————————————— */
    /*   PRODUCT SET   */
    /* ——————————————— */
    --product-set-column-gap: 8px;
    --product-set-row-gap: 8px;
    --product-set-card-image-padding: 24px 24px 0 24px;
    --product-set-card-image-border-radius: 16px;


    /* ——————————————— */
    /*   VIDEO EMBED   */
    /* ——————————————— */
    --video-embed-border-radius: var(--image-border-radius);



    /* ———————— */
    /*   CHAT   */
    /* ———————— */
    /* Chat container */
    --chat-gap: 12px;
    --chat-padding: 0;
    --chat-background: inherit;
    --chat-border: none;
    --chat-border-radius: inherit;
    --chat-box-shadow: none;
    --chat-max-width: var(--max-content-width);

    /* Chat message layout */
    --chat-column-gap: 12px;
    --chat-row-gap: 8px;

    /* Chat bubble default */
    --chat-bubble-margin: 0;
    --chat-bubble-padding: 16px;
    --chat-bubble-border-radius: 0 16px 16px 16px;
    --chat-bubble-box-shadow: none;
    --chat-bubble-border: none;
    --chat-bubble-background: inherit;
    --chat-bubble-foreground: var(--text-color);

    /* Chat bubble odd */
    --chat-bubble-odd-margin: inherit;
    --chat-bubble-odd-padding: var(--chat-bubble-padding);
    --chat-bubble-odd-border-radius: var(--chat-bubble-border-radius);
    --chat-bubble-odd-box-shadow: none;
    --chat-bubble-odd-border: solid 1px #eaecf0;
    --chat-bubble-odd-background: #f2f4f7;
    --chat-bubble-odd-foreground: inherit;

    /* Chat bubble even */
    --chat-bubble-even-margin: inherit;
    --chat-bubble-even-padding: var(--chat-bubble-padding);
    --chat-bubble-even-border-radius: var(--chat-bubble-border-radius);
    --chat-bubble-even-box-shadow: none;
    --chat-bubble-even-border: solid 1px #d6e8ff;
    --chat-bubble-even-background: #ebf3ff;
    --chat-bubble-even-foreground: inherit;


    /* —————————— */
    /*   SLIDER   */
    /* —————————— */
    --slider-gap: 40px;
    --slider-padding: 0;
    --slider-slide-padding: 0;
    --slider-slide-gap: 40px;


    /* ——————————————— */
    /*   BENTO BOXES   */
    /* ——————————————— */
    --bento-boxes-column-gap: 8px;
    --bento-boxes-row-gap: 8px;



    /* —————————————————— */
    /*   COOKIES BANNER   */
    /* —————————————————— */
    --cookies-banner-background: #fff;
    --cookies-banner-foreground: #222;
    --cookies-banner-padding: 32px 32px;
    --cookies-banner-border: 1px solid #e0e0e0;
    --cookies-banner-border-radius: 16px;
    --cookies-banner-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --cookies-banner-width: 1440px;
    --cookies-banner-gap: 24px;


    /* —————————————— */
    /*   STATISTICS   */
    /* —————————————— */
    --statistics-columns-mobile: 1fr;
    --statistics-columns-tablet: 1fr 1fr;
    --statistics-columns-desktop: 1fr 1fr;
    --statistics-columns-wide: 1fr 1fr 1fr 1fr;
    --statistics-item-row-gap: 0;
    --statistic-number-color: #0058CC;
    --statistic-number-symbol-color: #85BAFF;



    /* —————— */
    /* BANNER */
    /* —————— */
    --banner-border-radius: var(--image-border-radius);


    /* ——————————— */
    /* STAR RATING */
    /* ——————————— */
    --star-size: 20px;


    /* Perspectivo’s Lit components */
    --switch-font-family: var(--font-family-sans);
    --switch-foreground: var(--text-color);
    --switch-background: #e0e0e0;
    --switch-background-checked: #4caf50;
}