pkg-components/stories/assets/public/global.dark.css

:root[data-theme="dark"] {
--color-base-black: #282828;
  --color-base-white: #12151c;
  --color-base-transparent: transparent;

  --color-loaders-background: #0f1313;
  --color-loaders-fore-ground: #191919;

  --color-primary-red: #ff5252;
  --color-primary-red2: #b71c1c;
  --color-primary-red-dark: #7a0f0c;
  --color-primary-red-header: linear-gradient(180deg, #D9382A 0%, #9B0E0E 96.15%);
  --color-primary-red-qty-button: linear-gradient(180deg, #D9382A 0%, #9B0E0E 44.44%);
  --color-primary-red-bg: #232425;
  --color-primary-disabled: #9ea6ab;
  --color-primary-pink-light: #5a2b2b;
  --color-primary-red-darker: #3a0705;

  --color-secondary-blue: #3e99ff;
  --color-secondary-blue2: #4fb0c0;
  --color-secondary-blue-dark: #274b50;
  --color-secondary-blue-bg: #081216;

  --color-neutral-black: #d6d6d6;
  --color-neutral-gray: #2b2b2b;
  --color-neutral-gray-light: #0f0f0f;
  --color-neutral-gray-dark: #cfcfcf;
  --color-neutral-gray-silver: #8f8f8f;
  --color-neutral-gray-white: #070707;
  --color-neutral-white: #0b0e0f;

  --color-campaigns-red: #ff6b6b;
  --color-campaigns-black: #0f1111;
  --color-campaigns-blue: #2f9aa0;
  --color-campaigns-orange: #b86100;
  --color-campaigns-yellow: #d4a900;
  --color-campaigns-turquoise: #2aa19a;

  --color-feedback-success-light: #1fb43a;
  --color-feedback-success-dark: #57c17a;
  --color-feedback-error-light: #ff6b6b;
  --color-feedback-error-dark: #ff7373;
  --color-feedback-warning-light: #d79a2a;
  --color-feedback-warning-dark: #a56809;

  --color-gradients-shimmer: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 30%, rgba(255,255,255,0) 81%);
  --color-gradients-skeleton: -48px 78px 0 -48px #2a2f33, -51px 102px 0 -51px #2a2f33;

  --color-text-primary: #ff6b6b;
  --color-text-secondary: #8fb8ff;
  --color-text-gray-light: #cfcfcf;
  --color-text-inactive: #8f8f8f;
  --color-text-black: #eeeeee;
  --color-text-white: #0b0e0f;
  --color-text-success: #57c17a;
  --color-text-error: #ff7373;
  --color-text-warning: #a56809;
  --color-text-crispy-mint-green: #1ea664;

  --color-background-primary: #ff6b6b;
  --color-background-primary-light: #232425;
  --color-background-secondary: #3e99ff;
  --color-background-secondary-light: #081216;
  --color-background-gray: #2b2b2b;
  --color-background-gray-light: #0e0e0e;
  --color-background-white: #0b0e0f;
  --color-background-overline: rgba(255, 255, 255, 0.08);
  --color-background-selection: rgba(255, 255, 255, 0.06);
  --color-background-pink: #4a2b28;
  --color-background-success: #00c06a;
  --color-background-white-ice: #deffed;

  --color-icons-primary: #ff5252;
  --color-icons-secondary: #3e99ff;
  --color-icons-gray: #cfcfcf;
  --color-icons-gray-light: #8f8f8f;
  --color-icons-black: #d6d6d6;
  --color-icons-white: #0b0e0f;
  --color-icons-success: #1fb43a;
  --color-icons-error: #ff6b6b;
  --color-icons-warning: #d79a2a;

  --font-family-sans: Open Sans;
  --font-family-regular: PFont-Regular;
  --font-family-medium: PFont-Medium;
  --font-family-bold: PFont-Bold;

  --font-size-base: 16px;
  --font-size-xs: 0.688rem;
  --font-size-2xs: 0.625rem;
  --font-size-sm: 0.75rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.125rem;
  --font-size-2xl: 1.25rem;
  --font-size-3xl: 1.5rem;
  --font-size-5xl: 1.875rem;
  --font-size-6xl: 3rem;
  --font-size-9xl: 5.862rem;
  --font-size-10xl: 12.5rem;

  --spacing-none: 0;
  --spacing-xs: 0.125rem;
  --spacing-sm: 0.25rem;
  --spacing-md: 0.5rem;
  --spacing-lg: 0.75rem;
  --spacing-xl: 1rem;
  --spacing-2xl: 1.5rem;
  --spacing-3xl: 2rem;
  --spacing-4xl: 3rem;
  --spacing-5xl: 3.5rem;
  --spacing-6xl: 4rem;
  --spacing-7xl: 5rem;
  --spacing-8xl: 6rem;
  --spacing-9xl: 7rem;
  --spacing-10xl: 8rem;

  --font-size-titles-base: 16px;
  --font-size-titles-2xs: 0.875rem;
  --font-size-titles-3xs: 0.75rem;
  --font-size-titles-xs: 1rem;
  --font-size-titles-sm: 1.125rem;
  --font-size-titles-md: 1.25rem;
  --font-size-titles-md2: 1.375rem;
  --font-size-titles-lg: 1.5rem;
  --font-size-titles-xl: 1.75rem;
  --font-size-titles-2xl: 1.875rem;

  --font-weight-none: 0;
  --font-weight-hairline: 100;
  --font-weight-thin: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  --line-height-none: 0.063rem;
  --line-height-xs: 0.936em;
  --line-height-2xs: 0.625rem;
  --line-height-sm: 1.021rem;
  --line-height-md: 1.192rem;
  --line-height-lg: 1.362rem;
  --line-height-xl: 1.532rem;
  --line-height-2xl: 1.703rem;
  --line-height-3xl: 2.043rem;
  --line-height-4xl: 2.383rem;
  --line-height-5xl: 2.553rem;
  --line-height-6xl: 4.086rem;
  --line-height-9xl: 8rem;
  --line-height-10xl: 17.05rem;

  --letter-spacing-tightest: -.075rem;
  --letter-spacing-tighter: -.05rem;
  --letter-spacing-tight: -.025rem;
  --letter-spacing-normal: 0;
  --letter-spacing-wider: .05rem;
  --letter-spacing-widest: .25rem;

  --box-shadow-none: none;
  --box-shadow-xs: 4px -6px 18px rgba(0, 0, 0, 0.05);
  --box-shadow-2xs: 0px 4px 8px rgba(27, 33, 56, 0.06);
  --box-shadow-sm: 4px 4px 18px rgba(0, 0, 0, 0.12);
  --box-shadow-md: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.2);
  --box-shadow-lg: -1px 7px 18px -2px rgba(0, 0, 0, 0.12);
  --box-shadow-xl: 0px 4px 8px rgba(27, 33, 56, 0.06);
  --box-shadow-red-rose: rgb(232, 137, 137) 0px 0px 0px 2px;
  --box-shadow-red: rgb(210, 5, 5) 0px 0px 0px 2px;
  --box-shadow-blue: 0 0 0 .125em rgb(52, 131, 250);

  --filter-none: none;
  --filter-xs: drop-shadow(20px 20px 80px #1b21380d);

  --border-radius-none: 0;
  --border-radius-2xs: 0.25rem;
  --border-radius-xs: 0.375rem;
  --border-radius-sm: 0.625rem;
  --border-radius-md: 0.75rem;
  --border-radius-lg: 1.25rem;
  --border-radius-full: 624.938rem;

  --border-width-none: 0;
  --border-width-xs: 0.063rem;
  --border-width-md: 0.094rem;
  --border-width-lg: 0.125rem;
  --border-width-xl: 0.188rem;

  --opacity-0: 0;
  --opacity-25: 0.25;
  --opacity-40: 0.4;
  --opacity-50: 0.5;
  --opacity-75: 0.75;
  --opacity-100: 1;

  --width-max-desktop: 1366px;
  --width-max-mobile: 960px;

  --z-index-0: 0;
  --z-index-5: 5;
  --z-index-10: 10;
  --z-index-20: 20;
  --z-index-30: 30;
  --z-index-40: 40;
  --z-index-50: 50;
  --z-index-999: 999;
  --z-index-9999: 9999;
  --z-index-99999: 99999;
  --z-index-auto: auto;
  --z-index--2: -2;
  --z-index--1: -1;
  --z-index-high: 999999999;
  --z-index-modal: 99999999999;
  --z-index-toast: 99999999999999;
}