/**
 * LDS Singles Design Tokens
 */

:root {
  --colors-neutral-50: #f5f5f5;
  --colors-neutral-100: #f1f1f1;
  --colors-neutral-200: #d9d9d9;
  --colors-neutral-300: #bdbdbd;
  --colors-neutral-400: #a2a2a2;
  --colors-neutral-500: #868686;
  --colors-neutral-600: #6a6a6a;
  --colors-neutral-700: #4f4f4f;
  --colors-neutral-800: #333333;
  --colors-neutral-900: #1f1f1f;
  --colors-white-50: #ffffff0d;
  --colors-white-100: #ffffff1a;
  --colors-white-200: #ffffff33;
  --colors-white-300: #ffffff4d;
  --colors-white-400: #ffffff66;
  --colors-white-500: #ffffff80;
  --colors-white-600: #ffffff99;
  --colors-white-700: #ffffffb3;
  --colors-white-800: #ffffffcc;
  --colors-white-900: #ffffffe6;
  --colors-white-000: #ffffff;
  --colors-error-400: #f76489;
  --colors-error-500: #f53d6b;
  --colors-error-700: #d50b3e;
  --colors-warning-400: #ffce5c;
  --colors-warning-500: #ffc233;
  --colors-warning-700: #c28800;
  --colors-success-400: #56d990;
  --colors-success-500: #2dca72;
  --colors-success-700: #1e874c;
  --colors-info-400: #38beff;
  --colors-info-500: #00acff;
  --colors-info-700: #0075ad;
  --colors-black-50: #0000000d;
  --colors-black-100: #0000001a;
  --colors-black-200: #00000033;
  --colors-black-300: #0000004d;
  --colors-black-400: #00000066;
  --colors-black-500: #00000080;
  --colors-black-600: #00000099;
  --colors-black-700: #000000b3;
  --colors-black-800: #000000cc;
  --colors-black-900: #000000e6;
  --colors-black-000: #000000;
  --colors-socials-facebook: #1a77f2;
  --colors-socials-google: #ffffff;
  --colors-socials-apple: #ffffff;
  --colors-primary-100: #e8f4f9;
  --colors-primary-200: #b7deeb;
  --colors-primary-300: #63b8d4;
  --colors-primary-400: #45aacc;
  --colors-primary-500: #1695bf;
  --colors-primary-600: #1488ae;
  --colors-primary-700: #106a88;
  --colors-primary-800: #0c5269;
  --colors-primary-900: #093f50;
  --colors-secondary-100: #e8f4f9;
  --colors-secondary-200: #b7deeb;
  --colors-secondary-300: #63b8d4;
  --colors-secondary-400: #45aacc;
  --colors-secondary-500: #1695bf;
  --colors-secondary-600: #1488ae;
  --colors-secondary-700: #106a88;
  --colors-secondary-800: #0c5269;
  --colors-secondary-900: #093f50;
  --font-desktop-font-size-display: 80px;
  --font-desktop-font-size-display-small: 40px;
  --font-desktop-font-size-h1: 32px;
  --font-desktop-font-size-h2: 24px;
  --font-desktop-font-size-h3: 20px;
  --font-desktop-font-size-body: 16px;
  --font-desktop-font-size-label: 14px;
  --font-desktop-line-height-display: 96px;
  --font-desktop-line-height-display-small: 48px;
  --font-desktop-line-height-h1: 40px;
  --font-desktop-line-height-h2: 28px;
  --font-desktop-line-height-h3: 24px;
  --font-desktop-line-height-body: 24px;
  --font-desktop-line-height-label: 22px;
  --font-desktop-letter-spacing-display: -0.4px;
  --font-desktop-letter-spacing-display-small: -0.4px;
  --font-desktop-letter-spacing-h1: 0px;
  --font-desktop-letter-spacing-h2: 0px;
  --font-desktop-letter-spacing-h3: 0px;
  --font-desktop-letter-spacing-body: 0px;
  --font-desktop-letter-spacing-label: 0.25px;
  --font-mobile-font-size-display: 36px;
  --font-mobile-font-size-h1: 30px;
  --font-mobile-font-size-h2: 24px;
  --font-mobile-font-size-h3: 18px;
  --font-mobile-font-size-body: 16px;
  --font-mobile-font-size-label: 14px;
  --font-mobile-font-size-caption: 12px;
  --font-mobile-line-height-display: 48px;
  --font-mobile-line-height-h1: 36px;
  --font-mobile-line-height-h2: 28px;
  --font-mobile-line-height-h3: 22px;
  --font-mobile-line-height-body: 24px;
  --font-mobile-line-height-label: 22px;
  --font-mobile-line-height-caption: 18px;
  --font-mobile-letter-spacing-display: -0.4px;
  --font-mobile-letter-spacing-h1: 0px;
  --font-mobile-letter-spacing-h2: 0px;
  --font-mobile-letter-spacing-h3: 0px;
  --font-mobile-letter-spacing-body: 0px;
  --font-mobile-letter-spacing-label: 0.25px;
  --font-mobile-letter-spacing-caption: 0.4px;
  --font-values-font-family-heading: "Inter";
  --font-values-font-family-body: "Inter";
  --font-values-font-weight-regular: 400;
  --font-values-font-weight-medium: 500;
  --font-values-font-weight-semi-bold: 600;
  --font-values-font-weight-bold: 700;
  --dimensions-0: 0px;
  --dimensions-1: 4px;
  --dimensions-2: 8px;
  --dimensions-3: 12px;
  --dimensions-4: 16px;
  --dimensions-5: 20px;
  --dimensions-6: 24px;
  --dimensions-7: 28px;
  --dimensions-8: 32px;
  --dimensions-9: 36px;
  --dimensions-10: 40px;
  --dimensions-11: 44px;
  --dimensions-12: 48px;
  --dimensions-14: 56px;
  --dimensions-16: 64px;
  --dimensions-20: 80px;
  --dimensions-24: 96px;
  --dimensions-28: 112px;
  --dimensions-32: 128px;
  --dimensions-36: 144px;
  --dimensions-40: 160px;
  --dimensions-48: 192px;
  --dimensions-52: 208px;
  --dimensions-56: 224px;
  --dimensions-60: 240px;
  --dimensions-64: 256px;
  --dimensions-72: 288px;
  --dimensions-80: 320px;
  --dimensions-90: 360px;
  --dimensions-96: 384px;
  --dimensions-px: 1px;
  --dimensions-half: 2px;
  --font-desktop-font-family-display: var(--font-values-font-family-heading);
  --font-desktop-font-family-display-small: var(
    --font-values-font-family-heading
  );
  --font-desktop-font-family-h1: var(--font-values-font-family-heading);
  --font-desktop-font-family-h2: var(--font-values-font-family-heading);
  --font-desktop-font-family-h3: var(--font-values-font-family-heading);
  --font-desktop-font-family-body: var(--font-values-font-family-body);
  --font-desktop-font-family-label: var(--font-values-font-family-body);
  --font-desktop-font-weight-display: var(--font-values-font-weight-semi-bold);
  --font-desktop-font-weight-display-small: var(
    --font-values-font-weight-semi-bold
  );
  --font-desktop-font-weight-h1: var(--font-values-font-weight-semi-bold);
  --font-desktop-font-weight-h2: var(--font-values-font-weight-semi-bold);
  --font-desktop-font-weight-h3: var(--font-values-font-weight-semi-bold);
  --font-desktop-font-weight-body-regular: var(
    --font-values-font-weight-regular
  );
  --font-desktop-font-weight-body-medium: var(--font-values-font-weight-medium);
  --font-desktop-font-weight-body-semibold: var(
    --font-values-font-weight-semi-bold
  );
  --font-desktop-font-weight-body-bold: var(--font-values-font-weight-bold);
  --font-desktop-font-weight-label-regular: var(
    --font-values-font-weight-regular
  );
  --font-desktop-font-weight-label-medium: var(
    --font-values-font-weight-medium
  );
  --font-desktop-font-weight-label-semibold: var(
    --font-values-font-weight-semi-bold
  );
  --font-desktop-font-weight-label-bold: var(--font-values-font-weight-bold);
  --font-mobile-font-family-h1: var(--font-values-font-family-heading);
  --font-mobile-font-family-h2: var(--font-values-font-family-heading);
  --font-mobile-font-family-h3: var(--font-values-font-family-heading);
  --font-mobile-font-family-body: var(--font-values-font-family-body);
  --font-mobile-font-family-label: var(--font-values-font-family-body);
  --font-mobile-font-family-caption: var(--font-values-font-family-body);
  --font-mobile-font-weight-display: var(--font-values-font-weight-semi-bold);
  --font-mobile-font-weight-h1: var(--font-values-font-weight-semi-bold);
  --font-mobile-font-weight-h2: var(--font-values-font-weight-semi-bold);
  --font-mobile-font-weight-h3: var(--font-values-font-weight-semi-bold);
  --font-mobile-font-weight-body-regular: var(
    --font-values-font-weight-regular
  );
  --font-mobile-font-weight-body-medium: var(--font-values-font-weight-medium);
  --font-mobile-font-weight-body-semibold: var(
    --font-values-font-weight-semi-bold
  );
  --font-mobile-font-weight-body-bold: var(--font-values-font-weight-bold);
  --font-mobile-font-weight-label-regular: var(
    --font-values-font-weight-regular
  );
  --font-mobile-font-weight-label-medium: var(--font-values-font-weight-medium);
  --font-mobile-font-weight-label-semibold: var(
    --font-values-font-weight-semi-bold
  );
  --font-mobile-font-weight-label-bold: var(--font-values-font-weight-bold);
  --font-mobile-font-weight-caption-regular: var(
    --font-values-font-weight-regular
  );
  --font-mobile-font-weight-caption-medium: var(
    --font-values-font-weight-medium
  );
  --radius-round-override: var(--dimensions-3);
  --radius-small: var(--dimensions-1);
  --radius-medium: var(--dimensions-2);
  --radius-large: var(--dimensions-3);
  --radius-xlarge: var(--dimensions-4);
  --radius-xxlarge: var(--dimensions-8);
  --color-action-primary-surface-default: var(--colors-primary-500);
  --color-action-primary-surface-hover: var(--colors-primary-700);
  --color-action-primary-surface-disabled: var(--colors-primary-300);
  --color-action-primary-content-default: var(--colors-white-000);
  --color-action-primary-content-hover: var(--colors-white-800);
  --color-action-primary-content-disabled: var(--colors-white-000);
  --color-action-secondary-surface-default: var(--colors-secondary-100);
  --color-action-secondary-surface-hover: var(--colors-secondary-200);
  --color-action-secondary-surface-disabled: var(--colors-secondary-100);
  --color-action-secondary-content-default: var(--colors-secondary-700);
  --color-action-secondary-content-hover: var(--colors-secondary-600);
  --color-action-secondary-content-disabled: var(--colors-secondary-300);
  --color-action-neutral-surface-default: var(--colors-white-000);
  --color-action-neutral-surface-hover: var(--colors-neutral-200);
  --color-action-neutral-surface-disabled: var(--colors-neutral-200);
  --color-action-neutral-surface-default-darker: var(--colors-neutral-300);
  --color-action-neutral-content-default: var(--colors-neutral-900);
  --color-action-neutral-content-hover: var(--colors-neutral-600);
  --color-action-neutral-content-disabled: var(--colors-neutral-300);
  --color-surface-canvas: var(--colors-neutral-100);
  --color-surface-canvas-dark: var(--colors-neutral-200);
  --color-surface-light-80: var(--colors-white-800);
  --color-surface-white: var(--colors-white-000);
  --color-surface-dark-10: var(--colors-black-100);
  --color-surface-dark-30: var(--colors-black-300);
  --color-surface-dark-80: var(--colors-black-800);
  --color-surface-black: var(--colors-black-000);
  --color-surface-light-30: var(--colors-white-300);
  --color-surface-light-50: var(--colors-white-500);
  --color-surface-light-5: var(--colors-white-50);
  --color-surface-overlay: var(--colors-neutral-50);
  --color-surface-premium: var(--colors-secondary-200);
  --color-feedback-error-surface: var(--colors-error-400);
  --color-feedback-error-content: var(--colors-white-000);
  --color-feedback-info-surface: var(--colors-info-400);
  --color-feedback-info-content: var(--colors-white-000);
  --color-feedback-success-surface: var(--colors-success-400);
  --color-feedback-success-content: var(--colors-black-000);
  --color-feedback-warning-surface: var(--colors-warning-400);
  --color-feedback-warning-content: var(--colors-white-000);
  --color-line-dark: var(--colors-primary-700);
  --color-line-medium: var(--colors-primary-200);
  --color-line-light: var(--colors-primary-100);
  --color-line-error: var(--colors-error-500);
  --color-line-success: var(--colors-success-500);
  --color-line-warning: var(--colors-warning-500);
  --color-line-white: var(--colors-white-000);
  --color-line-premium: var(--colors-secondary-200);
  --color-text-primary: var(--colors-neutral-900);
  --color-text-secondary: var(--colors-neutral-600);
  --color-text-inverted: var(--colors-white-000);
  --color-text-error: var(--colors-error-700);
  --color-text-body: var(--colors-neutral-900);
  --color-text-disabled: var(--colors-neutral-300);
  --color-text-link: var(--colors-primary-700);
  --color-icon-default: var(--colors-neutral-900);
  --color-icon-secondary: var(--colors-neutral-600);
  --color-icon-inverted: var(--colors-white-000);
  --color-icon-error: var(--colors-error-700);
  --color-icon-info: var(--colors-info-500);
  --color-icon-success: var(--colors-success-500);
  --color-icon-warning: var(--colors-warning-500);
  --color-icon-disabled: var(--colors-neutral-300);
  --color-icon-premium: var(--colors-secondary-600);
  --spacing-small: var(--dimensions-1);
  --spacing-medium: var(--dimensions-2);
  --spacing-large: var(--dimensions-3);
  --spacing-xlarge: var(--dimensions-4);
  --spacing-3xlarge: var(--dimensions-8);
  --spacing-4xlarge: var(--dimensions-12);
  --spacing-2xlarge: var(--dimensions-6);
  --spacing-xsmall: var(--dimensions-half);
  --stroke-thin: var(--dimensions-px);
  --stroke-medium: var(--dimensions-half);
  --font-mobile-font-family-display: var(--font-desktop-font-family-display);
  --radius-round: var(--radius-round-override);
}