/* Global Primitive Tokens */
:root {
  /* Palette */
  --brand-color-action-500: #ffed00;
  --brand-color-action-500-a25: rgba(255, 237, 0, 0.25);
  --brand-color-action-500-a50: rgba(255, 237, 0, 0.5);
  --brand-color-action-600: #f9d500;
  --brand-color-action-700: #d6c700;
  --brand-color-action-800: #b3a600;
  --brand-color-action-disabled: #fffbcc;
  --brand-color-alpha-dark-a10: rgba(0, 62, 102, 0.1);
  --brand-color-alpha-dark-a25: rgba(0, 62, 102, 0.25);
  --brand-color-alpha-dark-a5: rgba(0, 62, 102, 0.05);
  --brand-color-alpha-dark-a50: rgba(0, 62, 102, 0.5);
  --brand-color-alpha-white-a0: rgba(255, 255, 255, 0);
  --brand-color-alpha-white-a25: rgba(255, 255, 255, 0.25);
  --brand-color-alpha-white-a50: rgba(255, 255, 255, 0.5);
  --brand-color-brand-100: #edf8fd;
  --brand-color-brand-200: #cdeaf8;
  --brand-color-brand-300: #9dd9f5;
  --brand-color-brand-400: #f18f90;
  --brand-color-brand-500: #5bc5f2;
  --brand-color-brand-500-a10: rgba(227, 31, 33, 0.1);
  --brand-color-brand-500-a25: rgba(91, 197, 242, 0.25);
  --brand-color-brand-500-a50: rgba(91, 197, 242, 0.5);
  --brand-color-brand-600: #0aaddd;
  --brand-color-brand-700: #3fa5d0;
  --brand-color-brand-800: #2d87af;
  --brand-color-brand-disabled: #d9eef8;
  --brand-color-dark-100: #e6eef3;
  --brand-color-dark-200: #ccdbe6;
  --brand-color-dark-500: #003e66;
  --brand-color-dark-700: #003456;
  --brand-color-neutral-0: #ffffff;
  --brand-color-neutral-100: #ecedee;
  --brand-color-neutral-1000: #000000;
  --brand-color-neutral-1000-a25: rgba(0, 0, 0, 0.25);
  --brand-color-neutral-1000-a50: rgba(0, 0, 0, 0.5);
  --brand-color-neutral-1000-a80: rgba(0, 0, 0, 0.8);
  --brand-color-neutral-150: #e4e5e6;
  --brand-color-neutral-200: #e5e5e5;
  --brand-color-neutral-25: #fcfcfc;
  --brand-color-neutral-300: #c0c0c0;
  --brand-color-neutral-400: #a4a7ab;
  --brand-color-neutral-50: #f6f6f6;
  --brand-color-neutral-500: #adb5bd;
  --brand-color-neutral-550: #717376;
  --brand-color-neutral-600: #6c757d;
  --brand-color-neutral-650: #666666;
  --brand-color-neutral-700: #495057;
  --brand-color-neutral-900: #212529;
  --brand-color-neutral-900-a25: rgba(33, 37, 41, 0.25);
  --brand-color-neutral-900-a50: rgba(33, 37, 41, 0.5);
  --brand-shape-radius-0: 0px;
  --brand-shape-radius-100: 100px;
  --brand-shape-radius-12: 12px;
  --brand-shape-radius-16: 16px;
  --brand-shape-radius-2: 2px;
  --brand-shape-radius-3: 3px;
  --brand-shape-radius-4: 4px;
  --brand-shape-radius-6: 6px;
  --brand-shape-radius-8: 8px;
  --brand-shape-radius-9999: 9999px;
  --brand-typography-font-family-primary: "Montserrat";
  --brand-typography-font-family-secondary: "Open Sans";

  /* Shape */
  --global-shape-border-width-0: 0px;
  --global-shape-border-width-1: 1px;
  --global-shape-border-width-1-5: 1.5px;
  --global-shape-border-width-2: 2px;
  --global-shape-border-width-3: 3px;
  --global-shape-border-width-6: 6px;

  /* Typography */
  --global-typography-font-size-10: 10px;
  --global-typography-font-size-12: 12px;
  --global-typography-font-size-13: 13px;
  --global-typography-font-size-14: 14px;
  --global-typography-font-size-16: 16px;
  --global-typography-font-size-20: 20px;
  --global-typography-font-size-24: 24px;
  --global-typography-font-size-32: 32px;
  --global-typography-font-size-48: 48px;
  --global-typography-font-size-8: 8px;
  --global-typography-font-size-96: 96px;
  --global-typography-font-weight-bold: "Bold";
  --global-typography-font-weight-italic: "Italic";
  --global-typography-font-weight-regular: "Regular";
  --global-typography-font-weight-semibold: "SemiBold";
  --global-typography-letter-spacing-0-5: 0.5%;
  --global-typography-line-height-12: 12px;
  --global-typography-line-height-16: 16px;
  --global-typography-line-height-18: 18px;
  --global-typography-line-height-20: 20px;
  --global-typography-line-height-24: 24px;
  --global-typography-line-height-28: 28px;
  --global-typography-line-height-32: 32px;
  --global-typography-line-height-40: 40px;
  --global-typography-line-height-56: 56px;

  /* Layout */
  --global-layout-space--16: -16px;
  --global-layout-space--2: -2px;
  --global-layout-space--4: -4px;
  --global-layout-space--6: -6px;
  --global-layout-space--64: -64px;
  --global-layout-space-0: 0px;
  --global-layout-space-12: 12px;
  --global-layout-space-16: 16px;
  --global-layout-space-160: 160px;
  --global-layout-space-2: 2px;
  --global-layout-space-24: 24px;
  --global-layout-space-32: 32px;
  --global-layout-space-4: 4px;
  --global-layout-space-40: 40px;
  --global-layout-space-6: 6px;
  --global-layout-space-64: 64px;
  --global-layout-space-8: 8px;
  --global-layout-space-80: 80px;

  /* Color */
  --global-color-alpha-white-a0: rgba(255, 255, 255, 0);
  --global-color-eu-label-class-a: #43a335;
  --global-color-eu-label-class-a-a25: rgba(67, 163, 53, 0.25);
  --global-color-eu-label-class-b: #8fc63f;
  --global-color-eu-label-class-c: #fed116;
  --global-color-eu-label-class-d: #db7800;
  --global-color-eu-label-class-d-a25: rgba(219, 120, 0, 0.25);
  --global-color-eu-label-class-e: #d32f2f;
  --global-color-neutrals-black-10: rgba(0, 0, 0, 0.1);
  --global-color-neutrals-white-100: #ffffff;
  --global-color-status-blue-100: #e8f2fc;
  --global-color-status-blue-100-alpha: rgba(23, 126, 227, 0.1);
  --global-color-status-blue-300: #c5dff8;
  --global-color-status-blue-300-alpha: rgba(23, 126, 227, 0.25);
  --global-color-status-blue-500: #177ee3;
  --global-color-status-blue-600: #1576d4;
  --global-color-status-green-100: #edf7ed;
  --global-color-status-green-100-alpha: rgba(78, 177, 73, 0.1);
  --global-color-status-green-300: #d3ebd1;
  --global-color-status-green-300-alpha: rgba(78, 177, 73, 0.25);
  --global-color-status-green-500: #4eb149;
  --global-color-status-green-600: #37852b;
  --global-color-status-green-700: #3d9639;
  --global-color-status-green-800: #347f29;
  --global-color-status-red-100: #fbeae9;
  --global-color-status-red-100-alpha: rgba(217, 45, 32, 0.1);
  --global-color-status-red-300: #f5cac7;
  --global-color-status-red-300-alpha: rgba(217, 45, 32, 0.25);
  --global-color-status-red-500: #d92d20;
  --global-color-status-red-600: #d32f2f;
  --global-color-status-red-600-a25: rgba(211, 47, 47, 0.25);
  --global-color-status-yellow-100: #fdf8e6;
  --global-color-status-yellow-100-alpha: rgba(240, 190, 10, 0.1);
  --global-color-status-yellow-300: #fbefc2;
  --global-color-status-yellow-300-alpha: rgba(240, 190, 10, 0.25);
  --global-color-status-yellow-500: #fbbc04;
  --global-color-status-yellow-600: #b16100;
}

/* Semantic Tokens */
:root {
  /* Text */
  --text-body: var(--brand-color-dark-500);
  --text-heading: var(--brand-color-dark-500);
  --text-link-default: var(--brand-color-dark-500);
  --text-strong: var(--brand-color-dark-500);
  --text-action-menuitem-active: var(--brand-color-dark-500);
  --text-action-menuitem-hover: var(--brand-color-dark-500);
  --text-action-menuitem-pressed: var(--brand-color-dark-500);
  --text-action-segment-active: var(--text-on-inverse);
  --text-action-segment-default: var(--text-strong);
  --text-action-segment-disabled: var(--text-disabled);
  --text-button-default: var(--brand-color-dark-500);
  --text-button-hover: var(--brand-color-dark-500);
  --text-button-inverse-default: var(--brand-color-neutral-0);
  --text-button-inverse-hover: var(--text-button-inverse-default);
  --text-button-inverse-pressed: var(--text-button-inverse-default);
  --text-button-pressed: var(--brand-color-dark-500);
  --text-button-primary-active: var(--brand-color-action-600);
  --text-button-primary-default: var(--brand-color-dark-500);
  --text-button-primary-disabled: var(--brand-color-alpha-dark-a50);
  --text-button-primary-hover: var(--brand-color-action-600);
  --text-button-primary-pressed: var(--brand-color-action-600);
  --text-button-primary-selected: var(--global-color-neutrals-white-100);
  --text-button-strong-active: var(--text-on-inverse);
  --text-button-strong-default: var(--text-on-inverse);
  --text-button-strong-disabled: var(--text-disabled);
  --text-button-strong-hover: var(--text-on-inverse);
  --text-button-strong-pressed: var(--text-on-inverse);
  --text-chip-active: var(--brand-color-dark-500);
  --text-chip-default: var(--brand-color-dark-500);
  --text-chip-hover: var(--brand-color-dark-500);
  --text-chip-pressed: var(--brand-color-dark-500);
  --text-disabled: var(--brand-color-neutral-500);
  --text-eu-label: var(--brand-color-neutral-1000);
  --text-link-active: var(--brand-color-dark-500);
  --text-link-hover: var(--brand-color-brand-500);
  --text-link-on-brand-active: var(--text-on-brand);
  --text-link-on-brand-default: var(--text-on-brand);
  --text-link-on-brand-hover: var(--text-on-brand);
  --text-link-on-brand-pressed: var(--text-on-brand);
  --text-link-on-inverse-active: var(--text-on-inverse);
  --text-link-on-inverse-default: var(--text-on-inverse);
  --text-link-on-inverse-hover: var(--text-on-inverse);
  --text-link-on-inverse-pressed: var(--text-on-inverse);
  --text-link-on-promo-active: var(--text-link-on-inverse-active);
  --text-link-on-promo-default: var(--text-link-on-inverse-default);
  --text-link-on-promo-hover: var(--text-link-on-inverse-hover);
  --text-link-on-promo-pressed: var(--text-link-on-inverse-pressed);
  --text-link-pressed: var(--brand-color-dark-500);
  --text-menuitem-active: var(--text-action-menuitem-active);
  --text-menuitem-default: var(--text-on-section-brand);
  --text-menuitem-disabled: var(--brand-color-neutral-500);
  --text-menuitem-hover: var(--text-action-menuitem-hover);
  --text-menuitem-pressed: var(--text-action-menuitem-pressed);
  --text-on-brand: var(--brand-color-dark-500);
  --text-on-brand-secondary: var(--brand-color-neutral-0);
  --text-on-footer: var(--brand-color-brand-500);
  --text-on-footer-strong: var(--brand-color-neutral-0);
  --text-on-inverse: var(--brand-color-neutral-0);
  --text-on-promo: var(--text-on-inverse);
  --text-on-section-brand: var(--brand-color-dark-500);
  --text-placeholder: var(--brand-color-neutral-300);
  --text-tab-active: var(--brand-color-neutral-0);
  --text-tab-default: var(--brand-color-dark-500);
  --text-tab-hover: var(--brand-color-dark-500);
  --text-tab-pressed: var(--brand-color-dark-500);

  /* Surface */
  --surface-action-primary-default: var(--brand-color-action-500);
  --surface-action-primary-hover: var(--brand-color-action-500);
  --surface-action-primary-pressed: var(--brand-color-action-500);
  --surface-base: var(--brand-color-neutral-0);
  --surface-blush: var(--brand-color-neutral-0);
  --surface-brand: var(--brand-color-brand-500);
  --surface-brand-secondary: var(--brand-color-dark-500);
  --surface-subtle: var(--brand-color-brand-100);
  --surface-action-chip-active: var(--brand-color-brand-500);
  --surface-action-chip-default: var(--brand-color-brand-100);
  --surface-action-chip-hover: var(--brand-color-brand-500);
  --surface-action-chip-pressed: var(--brand-color-brand-500);
  --surface-action-icon-button-on-header-default: var(--brand-color-brand-100);
  --surface-action-icon-button-on-header-hover: var(--brand-color-brand-200);
  --surface-action-icon-button-on-header-pressed: var(--brand-color-brand-200);
  --surface-action-icon-button-on-notification-default: var(--brand-color-alpha-white-a25);
  --surface-action-icon-button-on-notification-hover: var(--brand-color-alpha-white-a50);
  --surface-action-icon-button-on-notification-pressed: var(--brand-color-alpha-white-a50);
  --surface-action-icon-button-on-promo-default: var(--surface-action-icon-button-on-notification-default);
  --surface-action-icon-button-on-promo-hover: var(--surface-action-icon-button-on-notification-hover);
  --surface-action-icon-button-on-promo-pressed: var(--surface-action-icon-button-on-notification-pressed);
  --surface-action-icon-button-on-surface-hover: var(--brand-color-brand-200);
  --surface-action-icon-button-on-tinted-default: var(--brand-color-alpha-dark-a5);
  --surface-action-icon-button-on-tinted-hover: var(--brand-color-alpha-dark-a10);
  --surface-action-icon-button-on-tinted-pressed: var(--brand-color-alpha-dark-a10);
  --surface-action-input-default: var(--brand-color-neutral-0);
  --surface-action-input-disabled: var(--brand-color-neutral-200);
  --surface-action-item-active: var(--brand-color-brand-500);
  --surface-action-item-default: var(--brand-color-brand-100);
  --surface-action-item-disabled: var(--surface-muted);
  --surface-action-item-hover: var(--brand-color-brand-500);
  --surface-action-item-pressed: var(--brand-color-brand-500);
  --surface-action-menuitem-active: var(--surface-action-icon-button-on-header-default);
  --surface-action-menuitem-hover: var(--surface-action-icon-button-on-header-default);
  --surface-action-menuitem-pressed: var(--surface-action-icon-button-on-header-default);
  --surface-action-primary-active: var(--brand-color-action-500);
  --surface-action-primary-disabled: var(--brand-color-action-500-a50);
  --surface-action-primary-selected: var(--surface-feedback-success);
  --surface-action-secondary-base-active: var(--surface-strong);
  --surface-action-secondary-base-default: var(--brand-color-neutral-0);
  --surface-action-secondary-base-hover: var(--brand-color-brand-200);
  --surface-action-secondary-base-pressed: var(--brand-color-brand-200);
  --surface-action-secondary-muted-active: var(--surface-strong);
  --surface-action-secondary-muted-default: var(--brand-color-brand-200);
  --surface-action-secondary-muted-disabled: var(--brand-color-brand-100);
  --surface-action-secondary-muted-hover: var(--brand-color-brand-300);
  --surface-action-secondary-muted-pressed: var(--brand-color-brand-300);
  --surface-action-secondary-on-brand-active: var(--surface-base);
  --surface-action-secondary-on-brand-default: var(--brand-color-alpha-white-a25);
  --surface-action-secondary-on-brand-hover: var(--brand-color-alpha-white-a50);
  --surface-action-secondary-on-brand-pressed: var(--brand-color-alpha-white-a50);
  --surface-action-secondary-on-inverse-active: var(--surface-base);
  --surface-action-secondary-on-inverse-default: var(--brand-color-alpha-white-a25);
  --surface-action-secondary-on-inverse-hover: var(--brand-color-alpha-white-a50);
  --surface-action-secondary-on-inverse-pressed: var(--brand-color-alpha-white-a50);
  --surface-action-secondary-on-surface-active: var(--surface-strong);
  --surface-action-secondary-on-surface-default: var(--surface-base);
  --surface-action-secondary-on-surface-disabled: var(--surface-muted);
  --surface-action-secondary-on-surface-hover: var(--surface-subtle);
  --surface-action-secondary-on-surface-pressed: var(--surface-subtle);
  --surface-action-secondary-strong-active: var(--surface-strong);
  --surface-action-secondary-strong-default: var(--surface-inverse);
  --surface-action-secondary-strong-disabled: var(--surface-action-secondary-subtle-disabled);
  --surface-action-secondary-strong-hover: var(--brand-color-neutral-600);
  --surface-action-secondary-strong-pressed: var(--brand-color-neutral-600);
  --surface-action-secondary-subtle-active: var(--surface-strong);
  --surface-action-secondary-subtle-default: var(--brand-color-brand-100);
  --surface-action-secondary-subtle-disabled: var(--brand-color-brand-100);
  --surface-action-secondary-subtle-hover: var(--brand-color-brand-200);
  --surface-action-secondary-subtle-pressed: var(--brand-color-brand-200);
  --surface-action-segment-active: var(--surface-strong);
  --surface-action-segment-container: var(--surface-muted);
  --surface-action-segment-default: var(--surface-base);
  --surface-action-segment-disabled: var(--surface-subtle);
  --surface-action-segment-hover: var(--surface-subtle);
  --surface-action-segment-pressed: var(--surface-inverse);
  --surface-action-selection-active: var(--surface-strong);
  --surface-action-selection-card-default: var(--brand-color-brand-100);
  --surface-action-selection-card-disabled: var(--brand-color-brand-100);
  --surface-action-selection-card-hover: var(--brand-color-brand-200);
  --surface-action-selection-card-pressed: var(--brand-color-brand-300);
  --surface-action-selection-default: var(--brand-color-neutral-0);
  --surface-action-selection-disabled: var(--brand-color-brand-100);
  --surface-action-selection-hover: var(--brand-color-neutral-0);
  --surface-action-selection-pressed: var(--brand-color-neutral-0);
  --surface-action-slider-connector-active: var(--brand-color-dark-500);
  --surface-action-slider-handle-active: var(--brand-color-dark-500);
  --surface-action-slider-handle-default: var(--brand-color-dark-500);
  --surface-action-slider-handle-disabled: var(--brand-color-neutral-500);
  --surface-action-slider-handle-hover: var(--brand-color-dark-500);
  --surface-action-slider-handle-pressed: var(--brand-color-dark-500);
  --surface-action-stepper-active: var(--brand-color-neutral-0);
  --surface-action-stepper-connector-active: var(--brand-color-neutral-700);
  --surface-action-stepper-connector-pending: var(--border-action-selection-default);
  --surface-action-stepper-done: var(--brand-color-neutral-700);
  --surface-action-stepper-pending: var(--brand-color-neutral-0);
  --surface-action-tab-active: var(--surface-strong);
  --surface-action-tab-default: var(--brand-color-alpha-white-a0);
  --surface-action-tab-hover: var(--brand-color-neutral-200);
  --surface-action-tab-pressed: var(--brand-color-neutral-200);
  --surface-action-toggle-active: var(--surface-strong);
  --surface-action-toggle-default: var(--brand-color-neutral-0);
  --surface-action-toggle-disabled: var(--brand-color-brand-100);
  --surface-action-toggle-hover: var(--brand-color-neutral-0);
  --surface-action-toggle-knob-active: var(--text-on-inverse);
  --surface-action-toggle-knob-default: var(--brand-color-neutral-700);
  --surface-action-toggle-knob-disabled: var(--brand-color-neutral-300);
  --surface-action-toggle-knob-hover: var(--brand-color-dark-500);
  --surface-action-toggle-knob-on-inverse-active: var(--surface-strong);
  --surface-action-toggle-knob-on-inverse-default: var(--surface-on-inverse-default);
  --surface-action-toggle-knob-on-inverse-disabled: var(--surface-on-inverse-muted);
  --surface-action-toggle-knob-on-inverse-hover: var(--surface-on-inverse-default);
  --surface-action-toggle-knob-on-inverse-pressed: var(--surface-on-inverse-muted);
  --surface-action-toggle-knob-on-promo-active: var(--surface-action-toggle-knob-on-inverse-active);
  --surface-action-toggle-knob-on-promo-default: var(--surface-action-toggle-knob-on-inverse-default);
  --surface-action-toggle-knob-on-promo-disabled: var(--surface-action-toggle-knob-on-inverse-disabled);
  --surface-action-toggle-knob-on-promo-hover: var(--surface-action-toggle-knob-on-inverse-hover);
  --surface-action-toggle-knob-on-promo-pressed: var(--surface-action-toggle-knob-on-inverse-pressed);
  --surface-action-toggle-knob-pressed: var(--brand-color-dark-500);
  --surface-action-toggle-on-inverse-active: var(--surface-on-inverse-default);
  --surface-action-toggle-on-inverse-default: var(--surface-strong);
  --surface-action-toggle-on-inverse-disabled: var(--surface-strong);
  --surface-action-toggle-on-inverse-hover: var(--surface-strong);
  --surface-action-toggle-on-inverse-pressed: var(--surface-strong);
  --surface-action-toggle-on-promo-active: var(--surface-action-toggle-on-inverse-active);
  --surface-action-toggle-on-promo-default: var(--surface-action-toggle-on-inverse-default);
  --surface-action-toggle-on-promo-disabled: var(--surface-action-toggle-on-inverse-disabled);
  --surface-action-toggle-on-promo-hover: var(--surface-action-toggle-on-inverse-hover);
  --surface-action-toggle-on-promo-pressed: var(--surface-action-toggle-on-inverse-pressed);
  --surface-action-toggle-pressed: var(--brand-color-neutral-0);
  --surface-card-elevated: var(--brand-color-brand-100);
  --surface-feedback-error: var(--global-color-status-red-600);
  --surface-feedback-error-subtle: var(--global-color-status-red-100);
  --surface-feedback-info: var(--global-color-status-blue-600);
  --surface-feedback-info-subtle: var(--global-color-status-blue-100);
  --surface-feedback-success: var(--global-color-status-green-600);
  --surface-feedback-success-subtle: var(--global-color-status-green-100);
  --surface-feedback-warning: var(--global-color-status-yellow-600);
  --surface-feedback-warning-subtle: var(--global-color-status-yellow-100);
  --surface-footer: var(--brand-color-dark-500);
  --surface-header: var(--brand-color-neutral-0);
  --surface-inverse: var(--brand-color-dark-500);
  --surface-map-marker-active: var(--surface-strong);
  --surface-map-marker-default: var(--brand-color-neutral-600);
  --surface-muted: var(--brand-color-brand-200);
  --surface-notification: var(--brand-color-dark-500);
  --surface-on-brand: var(--brand-color-alpha-white-a50);
  --surface-on-inverse-default: var(--brand-color-neutral-0);
  --surface-on-inverse-muted: var(--brand-color-alpha-white-a50);
  --surface-on-inverse-subtle: var(--brand-color-alpha-white-a25);
  --surface-on-promo-default: var(--text-on-inverse);
  --surface-on-promo-muted: var(--surface-on-inverse-muted);
  --surface-on-promo-subtle: var(--brand-color-neutral-1000-a25);
  --surface-overlay: var(--brand-color-neutral-1000-a80);
  --surface-promo: var(--surface-strong);
  --surface-section-brand: var(--brand-color-brand-500);
  --surface-section-muted: var(--brand-color-brand-100);
  --surface-status-closed: var(--surface-feedback-error);
  --surface-status-closing-soon: var(--surface-feedback-warning);
  --surface-status-open: var(--surface-feedback-success);
  --surface-strong: var(--brand-color-dark-500);

  /* Icon */
  --icon-brand: var(--brand-color-brand-500);
  --icon-action-active: var(--brand-color-dark-500);
  --icon-action-default: var(--brand-color-dark-500);
  --icon-action-disabled: var(--brand-color-neutral-500);
  --icon-action-hover: var(--brand-color-dark-500);
  --icon-action-icon-button-on-header-default: var(--brand-color-dark-500);
  --icon-action-icon-button-on-header-hover: var(--brand-color-dark-500);
  --icon-action-icon-button-on-header-pressed: var(--brand-color-dark-500);
  --icon-action-icon-button-on-promo-default: var(--text-on-inverse);
  --icon-action-icon-button-on-promo-hover: var(--text-on-inverse);
  --icon-action-icon-button-on-promo-pressed: var(--text-on-inverse);
  --icon-action-menuitem-active: var(--brand-color-dark-500);
  --icon-action-menuitem-hover: var(--brand-color-dark-500);
  --icon-action-menuitem-pressed: var(--brand-color-dark-500);
  --icon-action-pressed: var(--brand-color-dark-500);
  --icon-action-secondary-base-active: var(--text-on-inverse);
  --icon-action-secondary-base-default: var(--brand-color-neutral-700);
  --icon-action-secondary-base-hover: var(--brand-color-dark-500);
  --icon-action-secondary-base-pressed: var(--brand-color-dark-500);
  --icon-action-secondary-muted-active: var(--text-on-inverse);
  --icon-action-secondary-muted-default: var(--brand-color-neutral-700);
  --icon-action-secondary-muted-hover: var(--brand-color-dark-500);
  --icon-action-secondary-muted-pressed: var(--brand-color-dark-500);
  --icon-action-secondary-on-brand-active: var(--text-button-default);
  --icon-action-secondary-on-brand-default: var(--brand-color-dark-500);
  --icon-action-secondary-on-brand-disabled: var(--brand-color-alpha-white-a50);
  --icon-action-secondary-on-brand-hover: var(--brand-color-dark-500);
  --icon-action-secondary-on-brand-pressed: var(--brand-color-dark-500);
  --icon-action-secondary-on-inverse-active: var(--text-button-default);
  --icon-action-secondary-on-inverse-default: var(--brand-color-neutral-0);
  --icon-action-secondary-on-inverse-disabled: var(--brand-color-alpha-white-a50);
  --icon-action-secondary-on-inverse-hover: var(--brand-color-neutral-0);
  --icon-action-secondary-on-inverse-pressed: var(--brand-color-neutral-0);
  --icon-action-secondary-on-surface-active: var(--text-on-inverse);
  --icon-action-secondary-on-surface-default: var(--icon-action-default);
  --icon-action-secondary-on-surface-disabled: var(--text-disabled);
  --icon-action-secondary-on-surface-hover: var(--icon-action-secondary-base-hover);
  --icon-action-secondary-strong-active: var(--icon-action-secondary-subtle-active);
  --icon-action-secondary-strong-default: var(--text-on-inverse);
  --icon-action-secondary-strong-disabled: var(--icon-action-disabled);
  --icon-action-secondary-strong-hover: var(--text-on-inverse);
  --icon-action-secondary-strong-pressed: var(--text-on-inverse);
  --icon-action-secondary-subtle-active: var(--text-on-inverse);
  --icon-action-secondary-subtle-default: var(--brand-color-neutral-700);
  --icon-action-secondary-subtle-hover: var(--brand-color-dark-500);
  --icon-action-secondary-subtle-pressed: var(--brand-color-dark-500);
  --icon-action-segment-active: var(--text-on-inverse);
  --icon-action-segment-default: var(--icon-action-secondary-base-default);
  --icon-action-segment-disabled: var(--text-disabled);
  --icon-action-segment-hover: var(--icon-action-segment-default);
  --icon-action-segment-pressed: var(--text-on-inverse);
  --icon-action-selection-active: var(--text-on-inverse);
  --icon-action-stepper-done: var(--icon-inverse);
  --icon-button-primary-active: var(--text-button-primary-active);
  --icon-button-primary-default: var(--brand-color-dark-500);
  --icon-button-primary-hover: var(--text-button-primary-hover);
  --icon-button-primary-pressed: var(--text-button-primary-pressed);
  --icon-button-primary-selected: var(--global-color-neutrals-white-100);
  --icon-chip-active: var(--text-chip-active);
  --icon-default: var(--brand-color-dark-500);
  --icon-inverse: var(--brand-color-neutral-0);
  --icon-on-brand: var(--brand-color-dark-500);
  --icon-on-brand-secondary: var(--brand-color-neutral-0);
  --icon-on-promo: var(--text-on-inverse);
  --icon-on-section-brand: var(--brand-color-dark-500);
  --icon-rating-star: var(--global-color-status-yellow-500);
  --icon-tab-active: var(--text-on-inverse);
  --icon-tab-default: var(--text-tab-default);
  --icon-tab-disabled: var(--text-disabled);
  --icon-tab-hover: var(--text-tab-default);
  --icon-tab-pressed: var(--text-tab-default);

  /* Border */
  --border-brand: var(--brand-color-brand-500);
  --border-muted: var(--brand-color-brand-100);
  --border-action-card-active: var(--brand-color-dark-500);
  --border-action-card-default: var(--brand-color-brand-100);
  --border-action-card-hover: var(--brand-color-neutral-700);
  --border-action-card-pressed: var(--brand-color-dark-500);
  --border-action-card-ring-hover: var(--brand-color-alpha-dark-a25);
  --border-action-chip-active: var(--brand-color-brand-500-a25);
  --border-action-chip-default: var(--brand-color-alpha-white-a0);
  --border-action-chip-edge-active: var(--brand-color-alpha-white-a0);
  --border-action-chip-hover: var(--brand-color-alpha-white-a0);
  --border-action-icon-button-base-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-input-active: var(--brand-color-dark-500);
  --border-action-input-default: var(--brand-color-alpha-white-a0);
  --border-action-input-disabled: var(--brand-color-neutral-200);
  --border-action-input-error: var(--border-feedback-error);
  --border-action-input-hover: var(--brand-color-alpha-white-a0);
  --border-action-input-info: var(--border-feedback-info);
  --border-action-input-pressed: var(--brand-color-dark-500);
  --border-action-input-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-input-ring-error: var(--global-color-status-red-300-alpha);
  --border-action-input-ring-hover: var(--brand-color-alpha-white-a0);
  --border-action-input-ring-info: var(--global-color-status-blue-300-alpha);
  --border-action-input-ring-success: var(--global-color-status-green-300-alpha);
  --border-action-input-ring-warning: var(--global-color-status-yellow-300-alpha);
  --border-action-input-separator-disabled: var(--brand-color-neutral-0);
  --border-action-input-success: var(--border-feedback-success);
  --border-action-input-warning: var(--border-feedback-warning);
  --border-action-item-active: var(--surface-strong);
  --border-action-item-default: var(--border-muted);
  --border-action-item-hover: var(--border-static-subtle);
  --border-action-pagination-active: var(--brand-color-dark-500);
  --border-action-pagination-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-primary-ring-active: var(--brand-color-action-500-a25);
  --border-action-primary-ring-hover: var(--brand-color-alpha-white-a0);
  --border-action-secondary-base-active: var(--brand-color-dark-500);
  --border-action-secondary-base-default: var(--brand-color-neutral-200);
  --border-action-secondary-base-hover: var(--brand-color-alpha-dark-a10);
  --border-action-secondary-base-pressed: var(--brand-color-dark-500);
  --border-action-secondary-base-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-secondary-muted-active: var(--brand-color-dark-500);
  --border-action-secondary-muted-hover: var(--brand-color-alpha-dark-a10);
  --border-action-secondary-muted-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-secondary-on-brand-active: var(--brand-color-dark-500);
  --border-action-secondary-on-brand-hover: var(--brand-color-alpha-white-a25);
  --border-action-secondary-on-brand-ring-active: var(--brand-color-alpha-white-a25);
  --border-action-secondary-on-inverse-active: var(--brand-color-neutral-0);
  --border-action-secondary-on-inverse-hover: var(--brand-color-alpha-white-a25);
  --border-action-secondary-on-inverse-ring-active: var(--brand-color-alpha-white-a25);
  --border-action-secondary-on-surface-active: var(--brand-color-dark-500);
  --border-action-secondary-on-surface-default: var(--border-muted);
  --border-action-secondary-on-surface-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-secondary-on-surface-ring-hover: var(--brand-color-alpha-dark-a10);
  --border-action-secondary-strong-active: var(--surface-inverse);
  --border-action-secondary-strong-hover: var(--brand-color-alpha-dark-a10);
  --border-action-secondary-strong-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-secondary-subtle-active: var(--brand-color-dark-500);
  --border-action-secondary-subtle-hover: var(--brand-color-alpha-dark-a10);
  --border-action-secondary-subtle-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-secondary-subtle-static: var(--surface-blush);
  --border-action-selection-active: var(--brand-color-dark-500);
  --border-action-selection-card-default: var(--brand-color-alpha-white-a0);
  --border-action-selection-card-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-selection-default: var(--brand-color-neutral-600);
  --border-action-selection-disabled: var(--brand-color-brand-100);
  --border-action-selection-error: var(--border-feedback-error);
  --border-action-selection-hover: var(--brand-color-brand-600);
  --border-action-selection-pressed: var(--brand-color-dark-500);
  --border-action-selection-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-selection-ring-error: var(--global-color-status-red-300-alpha);
  --border-action-selection-ring-hover: var(--brand-color-alpha-dark-a25);
  --border-action-selection-ring-success: var(--global-color-status-green-300-alpha);
  --border-action-selection-ring-warning: var(--global-color-status-yellow-300-alpha);
  --border-action-selection-success: var(--border-feedback-success);
  --border-action-selection-warning: var(--border-feedback-warning);
  --border-action-slider-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-stepper-active: var(--brand-color-neutral-700);
  --border-action-stepper-done: var(--brand-color-alpha-dark-a25);
  --border-action-stepper-pending: var(--border-action-selection-default);
  --border-action-stepper-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-tab-active: var(--brand-color-alpha-dark-a25);
  --border-action-tab-hover: var(--brand-color-alpha-dark-a10);
  --border-action-toggle-active: var(--brand-color-dark-500);
  --border-action-toggle-default: var(--brand-color-neutral-200);
  --border-action-toggle-disabled: var(--brand-color-brand-100);
  --border-action-toggle-hover: var(--brand-color-dark-500);
  --border-action-toggle-on-inverse-active: var(--surface-on-inverse-default);
  --border-action-toggle-on-inverse-default: var(--border-static-on-inverse-subtle);
  --border-action-toggle-on-inverse-disabled: var(--border-static-on-inverse-subtle);
  --border-action-toggle-on-inverse-hover: var(--surface-on-inverse-default);
  --border-action-toggle-on-inverse-pressed: var(--surface-on-inverse-default);
  --border-action-toggle-on-promo-active: var(--border-action-toggle-on-inverse-active);
  --border-action-toggle-on-promo-default: var(--border-action-toggle-on-inverse-default);
  --border-action-toggle-on-promo-disabled: var(--border-action-toggle-on-inverse-disabled);
  --border-action-toggle-on-promo-hover: var(--border-action-toggle-on-inverse-hover);
  --border-action-toggle-on-promo-pressed: var(--border-action-toggle-on-inverse-pressed);
  --border-action-toggle-pressed: var(--brand-color-dark-500);
  --border-action-toggle-ring-active: var(--brand-color-alpha-dark-a25);
  --border-action-toggle-ring-hover: var(--brand-color-alpha-dark-a25);
  --border-action-toggle-ring-on-inverse-active: var(--border-static-on-inverse-subtle);
  --border-action-toggle-ring-on-inverse-hover: var(--border-static-on-inverse-subtle);
  --border-action-toggle-ring-on-promo-active: var(--border-action-toggle-ring-on-inverse-active);
  --border-action-toggle-ring-on-promo-hover: var(--border-action-toggle-ring-on-inverse-hover);
  --border-feedback-error: var(--global-color-status-red-600);
  --border-feedback-error-ring: var(--global-color-status-red-300-alpha);
  --border-feedback-info: var(--global-color-status-blue-600);
  --border-feedback-info-ring: var(--global-color-status-blue-300-alpha);
  --border-feedback-success: var(--global-color-status-green-600);
  --border-feedback-success-ring: var(--global-color-status-green-300-alpha);
  --border-feedback-warning: var(--global-color-status-yellow-600);
  --border-feedback-warning-ring: var(--global-color-status-yellow-300-alpha);
  --border-focus-halo: var(--brand-color-alpha-dark-a25);
  --border-focus-ring: var(--brand-color-dark-500);
  --border-focus-ring-on-brand: var(--brand-color-dark-500);
  --border-focus-ring-on-footer: var(--brand-color-action-500);
  --border-focus-ring-on-inverse: var(--brand-color-action-500);
  --border-focus-ring-on-notification: var(--brand-color-action-500);
  --border-focus-ring-on-section-brand: var(--brand-color-dark-500);
  --border-on-brand-secondary: var(--brand-color-neutral-0);
  --border-ring-brand: var(--brand-color-alpha-dark-a25);
  --border-ring-default: var(--brand-color-alpha-dark-a25);
  --border-static-on-inverse-subtle: var(--brand-color-alpha-white-a25);
  --border-static-on-tinted-subtle: var(--brand-color-brand-200);
  --border-static-strong: var(--brand-color-neutral-700);
  --border-static-strong-subtle: var(--brand-color-alpha-dark-a50);
  --border-static-subtle: var(--brand-color-brand-100);
  --border-status-closed: var(--global-color-status-red-600-a25);
  --border-status-closing-soon: var(--global-color-eu-label-class-d-a25);
  --border-status-open: var(--global-color-eu-label-class-a-a25);

  /* Shape */
  --shape-radius-button-default: var(--brand-shape-radius-0);
  --shape-radius-card: var(--brand-shape-radius-0);
  --shape-radius-input: var(--brand-shape-radius-3);
  --shape-border-width-icon-button-base-hover: var(--global-shape-border-width-3);
  --shape-border-width-input-side: var(--global-shape-border-width-1);
  --shape-border-width-stepper-active: var(--global-shape-border-width-1);
  --shape-radius-badge: var(--brand-shape-radius-0);
  --shape-radius-button-compact: var(--brand-shape-radius-0);
  --shape-radius-button-icon: var(--brand-shape-radius-0);
  --shape-radius-button-icon-compact: var(--brand-shape-radius-0);
  --shape-radius-button-inset: var(--brand-shape-radius-0);
  --shape-radius-chip: var(--brand-shape-radius-0);
  --shape-radius-compact: var(--brand-shape-radius-0);
  --shape-radius-container: var(--brand-shape-radius-0);
  --shape-radius-media: var(--brand-shape-radius-0);
  --shape-radius-media-inset: var(--brand-shape-radius-0);
  --shape-radius-none: var(--brand-shape-radius-0);
  --shape-radius-pill: var(--brand-shape-radius-9999);
  --shape-radius-segment-container: var(--shape-radius-button-default);
  --shape-radius-segment-item: var(--shape-radius-button-compact);
  --shape-radius-selection: var(--brand-shape-radius-0);
  --shape-radius-slider-track: var(--brand-shape-radius-4);
  --shape-radius-stepper: var(--shape-radius-compact);
  --shape-radius-tab: var(--brand-shape-radius-0);
  --shape-radius-tab-compact: var(--shape-radius-button-compact);
  --shape-radius-tab-compact-container: var(--shape-radius-tab);
  --shape-radius-tab-container-large: var(--shape-radius-container);
  --shape-radius-tab-inset: var(--brand-shape-radius-0);

  /* Typography */
  --typography-font-family-primary: var(--brand-typography-font-family-primary);
  --typography-font-family-secondary: var(--brand-typography-font-family-primary);
  --typography-font-size-body: var(--global-typography-font-size-14);
  --typography-font-size-body-large: var(--global-typography-font-size-16);
  --typography-font-size-body-small: var(--global-typography-font-size-13);
  --typography-font-size-caption: var(--global-typography-font-size-12);
  --typography-font-size-caption-small: var(--global-typography-font-size-10);
  --typography-font-size-caption-tiny: var(--global-typography-font-size-8);
  --typography-font-size-display: var(--global-typography-font-size-96);
  --typography-font-size-heading: var(--global-typography-font-size-32);
  --typography-font-size-heading-large: var(--global-typography-font-size-48);
  --typography-font-size-heading-small: var(--global-typography-font-size-24);
  --typography-font-size-subtitle: var(--global-typography-font-size-20);
}