:root {
  --h1-title-font-family:
    "ABCM", sans-serif;
  --h1-title-font-weight: 400;
  --h1-title-font-size: 32px;
  --h1-title-letter-spacing: 0px;
  --h1-title-line-height: normal;
  --h1-title-font-style: normal;
  --h2-title-font-family:
    "ABCM", sans-serif;
  --h2-title-font-weight: 400;
  --h2-title-font-size: 25px;
  --h2-title-letter-spacing: 0px;
  --h2-title-line-height: normal;
  --h2-title-font-style: normal;
  --16-regular-font-family:
    "ABCM", sans-serif;
  --16-regular-font-weight: 400;
  --16-regular-font-size: 16px;
  --16-regular-letter-spacing: 0px;
  --16-regular-line-height: 24px;
  --16-regular-font-style: normal;
  --16-semi-bold-font-family: "Inter", Helvetica;
  --16-semi-bold-font-weight: 600;
  --16-semi-bold-font-size: 16px;
  --16-semi-bold-letter-spacing: 0px;
  --16-semi-bold-line-height: 16px;
  --16-semi-bold-font-style: normal;
  --14-regular-font-family: "Inter", Helvetica;
  --14-regular-font-weight: 400;
  --14-regular-font-size: 14px;
  --14-regular-letter-spacing: 0px;
  --14-regular-line-height: 20px;
  --14-regular-font-style: normal;
  --14-semi-bold-font-family: "Inter", Helvetica;
  --14-semi-bold-font-weight: 400;
  --14-semi-bold-font-size: 14px;
  --14-semi-bold-letter-spacing: 0px;
  --14-semi-bold-line-height: 20px;
  --14-semi-bold-font-style: normal;
  --page-titile-1-font-family: "Helvetica", Helvetica;
  --page-titile-1-font-weight: 700;
  --page-titile-1-font-size: 128px;
  --page-titile-1-letter-spacing: 0px;
  --page-titile-1-line-height: normal;
  --page-titile-1-font-style: normal;
  --collection-1-accent: rgba(226, 253, 52, 1);
  --collection-1-onaccent: rgba(255, 255, 255, 1);
  --collection-1-primary: rgba(30, 30, 30, 1);
  --collection-1-seecondary: rgba(60, 60, 60, 1);
  --collection-1-tetriary: rgba(142, 142, 142, 1);
  --collection-1-border: rgba(216, 216, 216, 1);
  --collection-1-background: rgba(255, 255, 255, 1);
  --collection-1-background-element: rgba(235, 235, 230, 1);
  --collection-1-background-element-hover: rgba(221, 221, 216, 1);
  --collection-1-article-text-width: 600px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-4xl: 32px;
  --radius-5xl: 48px;
  --radius-full: 999px;
  --space-zero: 0px;
  --space-px: 1px;
  --space-xxs: 2px;
  --space-xs2: 4px;
  --space-xs: 8px;
  --space-base: 16px;
  --space-md-duplicate: 20px;
  --space-xl2: 32px;
  --space-xl3: 40px;
  --space-xl4: 48px;
  --space-xl5: 60px;
  --space-xl6: 72px;
  --size-sm-duplicate: 8px;
  --size-lg-duplicate: 16px;
  --size-xl-duplicate: 20px;
  --size-zero-duplicate: 0px;
  --size-xxs-duplicate: 2px;
  --size-xs-duplicate: 4px;
  --size-base-duplicate: 12px;
  --size-2xl-duplicate: 24px;
  --size-3xl-duplicate: 32px;
  --size-4xl-duplicate: 40px;
  --size-5xl-duplicate: 48px;
  --global-color-neutral-0: rgba(255, 255, 255, 1);
  --global-color-neutral-50: rgba(245, 245, 245, 1);
  --global-color-neutral-100: rgba(235, 235, 230, 1);
  --global-color-neutral-200: rgba(221, 221, 216, 1);
  --global-color-neutral-300: rgba(216, 216, 216, 1);
  --global-color-neutral-400: rgba(191, 191, 191, 1);
  --global-color-neutral-500: rgba(142, 142, 142, 1);
  --global-color-neutral-600: rgba(107, 107, 107, 1);
  --global-color-neutral-700: rgba(60, 60, 60, 1);
  --global-color-neutral-800: rgba(42, 42, 42, 1);
  --global-color-neutral-900: rgba(30, 30, 30, 1);
  --global-color-accent-300: rgba(240, 255, 122, 1);
  --global-color-accent-400: rgba(232, 255, 77, 1);
  --global-color-accent-500: rgba(226, 253, 52, 1);
  --global-color-accent-600: rgba(205, 229, 46, 1);
  --global-color-accent-700: rgba(168, 186, 37, 1);
  --global-semantic-text-primary: var(--global-color-neutral-900);
  --global-semantic-text-secondary: var(--global-color-neutral-700);
  --global-semantic-text-tertiary: var(--global-color-neutral-500);
  --global-semantic-text-inverse: var(--global-color-neutral-0);
  --global-semantic-text-accent: var(--global-color-accent-700);
  --global-semantic-background-primary: var(--global-color-neutral-0);
  --global-semantic-background-secondary: var(--global-color-neutral-50);
  --global-semantic-background-tertiary: var(--global-color-neutral-100);
  --global-semantic-background-inverse: var(--global-color-neutral-900);
  --global-semantic-border-default: var(--global-color-neutral-300);
  --global-semantic-border-subtle: var(--global-color-neutral-100);
  --global-semantic-border-strong: var(--global-color-neutral-500);
  --global-semantic-accent-background: var(--global-color-accent-500);
  --global-semantic-accent-foreground: var(--global-color-neutral-900);
  --global-semantic-accent-hover: var(--global-color-accent-600);
  --global-semantic-accent-active: var(--global-color-accent-700);
  --global-state-hover-background: var(--global-color-neutral-200);
  --global-state-active-background: var(--global-color-neutral-300);
  --global-state-disabled-background: var(--global-color-neutral-100);
  --global-state-disabled-text: var(--global-color-neutral-400);
  --global-component-button-primary-background: var(
    --global-semantic-accent-background
  );
  --global-component-button-primary-text: var(
    --global-semantic-accent-foreground
  );
  --global-component-button-primary-hover-background: var(
    --global-semantic-accent-hover
  );
  --global-component-button-primary-active-background: var(
    --global-semantic-accent-active
  );
  --global-component-button-secondary-background: var(
    --global-semantic-background-secondary
  );
  --global-component-button-secondary-text: var(--global-semantic-text-primary);
  --global-component-button-secondary-border: var(
    --global-semantic-border-default
  );
  --global-component-button-secondary-hover-background: var(
    --global-state-hover-background
  );
  --global-component-card-background: var(--global-semantic-background-primary);
  --global-component-card-border: var(--global-semantic-border-subtle);
  --global-component-surface-base: var(--global-semantic-background-secondary);
  --global-component-surface-hover: var(--global-state-hover-background);
  --global-component-input-background: var(
    --global-semantic-background-primary
  );
  --global-component-input-border: var(--global-semantic-border-default);
  --global-component-input-text: var(--global-semantic-text-primary);
  --global-component-input-placeholder: var(--global-semantic-text-tertiary);
  --global-component-input-focus-border: var(--global-color-accent-500);
  --global-color-accentcard-1: rgba(252, 254, 238, 1);
  --global-color-accentcard-2: rgba(248, 253, 224, 1);
  --global-color-accentcard-3: rgba(243, 251, 208, 1);
  --global-color-accentcard-4: rgba(237, 249, 190, 1);
  --global-color-accentcard-5: rgba(230, 247, 168, 1);
  --global-color-accentcard-6: rgba(220, 245, 140, 1);
  --global-color-accentcard-7: rgba(209, 241, 109, 1);
  --global-color-accentcard-8: rgba(196, 237, 78, 1);
  --global-color-accentcard-9: rgba(180, 231, 52, 1);
  --global-color-accentcard-10: rgba(163, 208, 42, 1);
}