.ds-theme-citeob2b,
.ds-theme-citeob2c,
.ds-theme-guidedutri,
.ds-theme-adelphe,
.ds-theme-citeob2brebrand {
  /* Citeo */
  /* color */
  --ds-color-bg-accent-subtle-amber: var(
    --ds-semantic-color-alert-surface-subtle
  );
  --ds-color-bg-accent-subtle-blue: var(
    --ds-semantic-color-action-surface-subtle
  );
  --ds-color-bg-accent-subtle-cyan: var(
    --ds-semantic-color-information-surface-subtle
  );
  --ds-color-bg-accent-subtle-green: var(
    --ds-semantic-color-success-surface-subtle
  );
  --ds-color-bg-accent-subtle-grey: var(
    --ds-semantic-color-layout-surface-medium-active
  );
  --ds-color-bg-accent-subtle-lime: var(
    --ds-semantic-color-accent3-surface-subtle
  );
  --ds-color-bg-accent-subtle-orange: var(
    --ds-semantic-color-accent4-surface-subtle
  );
  --ds-color-bg-accent-subtle-pink: var(
    --ds-semantic-color-accent2-surface-subtle
  );
  --ds-color-bg-accent-subtle-purple: var(
    --ds-semantic-color-accent1-surface-subtle
  );
  --ds-color-bg-accent-subtle-red: var(
    --ds-semantic-color-danger-surface-subtle
  );
  --ds-color-bg-accent-subtle-yellow: var(
    --ds-semantic-color-accent5-surface-subtle
  );

  --ds-color-bg-accent-subtlest-amber: var(
    --ds-semantic-color-alert-surface-subtlest
  );
  --ds-color-bg-accent-subtlest-blue: var(
    --ds-semantic-color-action-surface-subtlest
  );
  --ds-color-bg-accent-subtlest-cyan: var(
    --ds-semantic-color-information-surface-subtlest
  );
  --ds-color-bg-accent-subtlest-green: var(
    --ds-semantic-color-success-surface-subtlest
  );
  --ds-color-bg-accent-subtlest-lime: var(
    --ds-semantic-color-accent3-surface-subtlest
  );
  --ds-color-bg-accent-subtlest-pink: var(
    --ds-semantic-color-accent2-surface-subtlest
  );
  --ds-color-bg-accent-subtlest-purple: var(
    --ds-semantic-color-accent1-surface-subtlest
  );

  --ds-color-bg-alert-surface-strong: var(
    --ds-semantic-color-alert-surface-medium
  );
  --ds-color-bg-alert-surface-subtle: var(
    --ds-semantic-color-alert-surface-subtle
  );

  --ds-color-bg-danger-active: var(--ds-semantic-color-danger-surface-stronger);
  --ds-color-bg-danger-default: var(--ds-semantic-color-danger-surface-medium);
  --ds-color-bg-danger-hover: var(--ds-semantic-color-danger-surface-strong);
  --ds-color-bg-danger-surface-strong: var(
    --ds-semantic-color-danger-surface-medium
  );
  --ds-color-bg-danger-surface-subtle: var(
    --ds-semantic-color-danger-surface-subtle
  );

  --ds-color-bg-info-surface-strong: var(
    --ds-semantic-color-information-surface-medium
  );
  --ds-color-bg-info-surface-subtle: var(
    --ds-semantic-color-information-surface-subtle
  );

  --ds-color-bg-layout-invert: var(
    --ds-semantic-color-layout-invert-surface-medium-default
  );
  --ds-color-bg-layout-main: var(
    --ds-semantic-color-layout-surface-medium-default
  );
  --ds-color-bg-layout-subtle: var(
    --ds-semantic-color-layout-surface-medium-hover
  );

  --ds-color-bg-neutral-active: var(
    --ds-semantic-color-neutral-surface-medium-active
  );
  --ds-color-bg-neutral-default: var(
    --ds-semantic-color-layout-surface-medium-default
  );
  --ds-color-bg-neutral-disabled: var(
    --ds-semantic-color-disabled-surface-medium
  );
  --ds-color-bg-neutral-hover: var(
    --ds-semantic-color-layout-surface-medium-active
  );

  --ds-color-bg-primary-active: var(
    --ds-semantic-color-action-surface-stronger
  );
  --ds-color-bg-primary-default: var(--ds-semantic-color-action-surface-medium);
  --ds-color-bg-primary-hover: var(--ds-semantic-color-action-surface-strong);

  --ds-color-bg-secondary-active: var(
    --ds-semantic-color-action-surface-subtlest
  );
  --ds-color-bg-secondary-default: var(
    --ds-semantic-color-layout-surface-medium-default
  );
  --ds-color-bg-secondary-hover: var(
    --ds-semantic-color-action-surface-subtlest
  );

  --ds-color-bg-success-active: var(--ds-semantic-color-success-surface-medium);
  --ds-color-bg-success-default: var(
    --ds-semantic-color-success-surface-medium
  );
  --ds-color-bg-success-hover: var(--ds-semantic-color-success-surface-medium);

  --ds-color-bg-success-surface-strong: var(
    --ds-semantic-color-success-surface-medium
  );
  --ds-color-bg-success-surface-subtle: var(
    --ds-semantic-color-success-surface-subtle
  );

  --ds-color-bg-tertiary-active: var(
    --ds-semantic-color-layout-surface-medium-selected
  );
  --ds-color-bg-tertiary-default: var(
    --ds-semantic-color-layout-surface-medium-default
  );
  --ds-color-bg-tertiary-hover: var(
    --ds-semantic-color-layout-surface-medium-hover
  );

  --ds-color-border-alert: var(--ds-semantic-color-alert-border-medium);
  --ds-color-border-danger: var(--ds-semantic-color-danger-border-medium);
  --ds-color-border-info: var(--ds-semantic-color-information-border-medium);
  --ds-color-border-sucess: var(--ds-semantic-color-success-border-medium);
  --ds-color-border-accent-amber: var(--ds-semantic-color-alert-border-subtle);
  --ds-color-border-accent-blue: var(
    --ds-semantic-color-layout-border-medium-selected
  );
  --ds-color-border-accent-cyan: var(
    --ds-semantic-color-information-border-subtle
  );
  --ds-color-border-accent-gray: var(
    --ds-semantic-color-layout-border-strong-default
  );
  --ds-color-border-accent-gray-subtle: var(
    --ds-semantic-color-disabled-border-medium
  );
  --ds-color-border-accent-green: var(
    --ds-semantic-color-success-border-subtle
  );
  --ds-color-border-accent-lime: var(--ds-semantic-color-accent3-border-subtle);
  --ds-color-border-accent-orange: var(
    --ds-semantic-color-accent4-border-subtle
  );
  --ds-color-border-accent-pink: var(--ds-semantic-color-accent2-border-subtle);
  --ds-color-border-accent-purple: var(
    --ds-semantic-color-accent1-border-subtle
  );
  --ds-color-border-accent-red: var(--ds-semantic-color-danger-border-subtle);
  --ds-color-border-accent-yellow: var(
    --ds-semantic-color-accent5-border-subtle
  );
  --ds-color-border-neutral-active: var(
    --ds-semantic-color-layout-border-strongest
  );
  --ds-color-border-neutral-default: var(
    --ds-semantic-color-layout-border-strong-default
  );
  --ds-color-border-neutral-disabled: var(
    --ds-semantic-color-disabled-border-medium
  );
  --ds-color-border-neutral-hover: var(
    --ds-semantic-color-layout-border-strong-hover
  );
  --ds-color-border-primary-active: var(
    --ds-semantic-color-action-border-stronger
  );
  --ds-color-border-primary-default: var(
    --ds-semantic-color-action-border-medium
  );
  --ds-color-border-primary-hover: var(
    --ds-semantic-color-action-border-strong
  );
  --ds-color-border-secondary-active: var(
    --ds-semantic-color-action-border-stronger
  );
  --ds-color-border-secondary-default: var(
    --ds-semantic-color-action-border-medium
  );
  --ds-color-border-secondary-hover: var(
    --ds-semantic-color-action-border-strong
  );
  --ds-color-icon-alert: var(--ds-semantic-color-alert-content-medium);
  --ds-color-icon-danger: var(--ds-semantic-color-danger-content-medium);
  --ds-color-icon-disabled: var(--ds-semantic-color-disabled-content-medium);
  --ds-color-icon-info: var(--ds-semantic-color-information-content-medium);
  --ds-color-icon-primary: var(--ds-semantic-color-layout-content-medium);
  --ds-color-icon-primary-ondark: var(
    --ds-semantic-color-layout-invert-content-medium
  );
  --ds-color-icon-secondary: var(--ds-semantic-color-layout-content-subtle);
  --ds-color-icon-sucess: var(--ds-semantic-color-success-content-medium);
  --ds-color-icon-accent-amber: var(--ds-semantic-color-alert-content-strong);
  --ds-color-icon-accent-blue: var(--ds-semantic-color-action-content-stronger);
  --ds-color-icon-accent-cyan: var(
    --ds-semantic-color-information-content-strong
  );
  --ds-color-icon-accent-gray: var(--ds-semantic-color-layout-content-medium);
  --ds-color-icon-accent-green: var(--ds-semantic-color-success-content-strong);
  --ds-color-icon-accent-lime: var(--ds-semantic-color-accent3-content-strong);
  --ds-color-icon-accent-orange: var(
    --ds-semantic-color-accent4-content-strong
  );
  --ds-color-icon-accent-pink: var(--ds-semantic-color-accent2-content-strong);
  --ds-color-icon-accent-purple: var(
    --ds-semantic-color-accent1-content-strong
  );
  --ds-color-icon-accent-red: var(--ds-semantic-color-danger-content-strong);
  --ds-color-icon-accent-yellow: var(
    --ds-semantic-color-accent5-content-strong
  );
  --ds-color-icon-link-primary-active: var(
    --ds-semantic-color-action-content-stronger
  );
  --ds-color-icon-link-primary-default: var(
    --ds-semantic-color-action-content-medium
  );
  --ds-color-icon-link-primary-hover: var(
    --ds-semantic-color-action-content-stronger
  );
  --ds-color-icon-link-secondary-active: var(
    --ds-semantic-color-action-content-stronger
  );
  --ds-color-icon-link-secondary-default: var(
    --ds-semantic-color-action-content-medium
  );
  --ds-color-icon-link-secondary-hover: var(
    --ds-semantic-color-action-content-stronger
  );
  --ds-color-text-alert: var(--ds-semantic-color-alert-content-medium);
  --ds-color-text-danger: var(--ds-semantic-color-danger-content-medium);
  --ds-color-text-disabled: var(--ds-semantic-color-disabled-content-medium);
  --ds-color-text-placeholder: var(--ds-semantic-color-layout-content-subtlest);
  --ds-color-text-primary: var(--ds-semantic-color-layout-content-medium);
  --ds-color-text-primary-ondark: var(
    --ds-semantic-color-layout-invert-content-medium
  );
  --ds-color-text-secondary: var(--ds-semantic-color-layout-content-subtle);
  --ds-color-text-sucess: var(--ds-semantic-color-success-content-medium);
  --ds-color-text-accent-amber: var(--ds-semantic-color-alert-content-strong);
  --ds-color-text-accent-blue: var(--ds-semantic-color-action-content-stronger);
  --ds-color-text-accent-cyan: var(
    --ds-semantic-color-information-content-strong
  );
  --ds-color-text-accent-gray: var(--ds-semantic-color-layout-content-medium);
  --ds-color-text-accent-green: var(--ds-semantic-color-success-content-strong);
  --ds-color-text-accent-lime: var(--ds-semantic-color-accent3-content-strong);
  --ds-color-text-accent-orange: var(
    --ds-semantic-color-accent4-content-strong
  );
  --ds-color-text-accent-pink: var(--ds-semantic-color-accent2-content-strong);
  --ds-color-text-accent-purple: var(
    --ds-semantic-color-accent1-content-strong
  );
  --ds-color-text-accent-red: var(--ds-semantic-color-danger-content-strong);
  --ds-color-text-accent-yellow: var(
    --ds-semantic-color-accent5-content-strong
  );
  --ds-color-text-link-primary-active: var(
    --ds-semantic-color-action-content-stronger
  );
  --ds-color-text-link-primary-default: var(
    --ds-semantic-color-action-content-medium
  );
  --ds-color-text-link-primary-hover: var(
    --ds-semantic-color-action-content-strong
  );
  --ds-color-text-link-secondary-active: var(
    --ds-semantic-color-action-content-stronger
  );
  --ds-color-text-link-secondary-default: var(
    --ds-semantic-color-action-content-medium
  );
  --ds-color-text-link-secondary-hover: var(
    --ds-semantic-color-action-content-stronger
  );
  /* number */
  --ds-dimension-page-container-main-gutter: 0px;
  --ds-dimension-page-container-main-margin: 0px;
  --ds-dimension-page-content-gutter-default: var(
    --ds-semantic-layout-gutter-default
  );
  --ds-dimension-page-content-margin: var(--ds-semantic-layout-margin-default);
  --ds-dimension-page-content-max-width-default: var(
    --ds-semantic-layout-text-max-width
  );
  --ds-dimension-radius-primary: var(--ds-semantic-radius-default);
  --ds-dimension-radius-secondary: var(--ds-semantic-radius-action);
  /* string */
  --ds-dimension-font-family-annotation: var(--ds-semantic-font-annotation);
  --ds-dimension-font-family-default: var(--ds-semantic-font-default);

  /* V10 use new font token */
  --ds-semantic-font-default: var(--ds-semantic-font-family-default);
  --ds-semantic-font-title: var(--ds-semantic-font-family-title);
  --ds-semantic-font-title-alt: var(--ds-semantic-font-family-title-alt);
  --ds-semantic-font-annotation: var(--ds-semantic-font-family-annotation);
  --ds-core-typography-font-weight-regular: var(
    --ds-semantic-font-weight-default
  );
  --ds-core-typography-font-weight-medium: var(
    --ds-semantic-font-weight-strong
  );
  --ds-core-typography-font-weight-semibold: var(
    --ds-semantic-font-weight-stronger
  );

  /* grey compat layer */
  --ds-core-color-gray-100: var(--ds-brand-color-grey-100);
  --ds-core-color-gray-200: var(--ds-brand-color-grey-200);
  --ds-core-color-gray-300: var(--ds-brand-color-grey-300);
  --ds-core-color-gray-400: var(--ds-brand-color-grey-400);
  --ds-core-color-gray-500: var(--ds-brand-color-grey-500);
  --ds-core-color-gray-600: var(--ds-brand-color-grey-600);
  --ds-core-color-gray-700: var(--ds-brand-color-grey-700);
  --ds-core-color-gray-800: var(--ds-brand-color-grey-800);
  --ds-core-color-gray-900: var(--ds-brand-color-grey-900);
  --ds-core-color-gray-50: var(--ds-brand-color-grey-50);
  --ds-core-color-white: var(--ds-brand-color-grey-0);
}
