@mixin cygnus-reach-primitives() {
  /* color/primary */
  --color-primary-10: #fff2ea;
  --color-primary-20: #ffd9c9;
  --color-primary-30: #ffc1a8;
  --color-primary-40: #ffa887;
  --color-primary-50: #ff9067;
  --color-primary-60: #ff804f;
  --color-primary-70: #e66f45;
  --color-primary-80: #b85636;
  --color-primary-90: #8a3f28;
  --color-primary-transparent20: color-mix(
    in oklab,
    var(--color-primary-60) 20%,
    var(--color-neutral-transparent)
  );

  /* color/neutral */
  --color-neutral-10: #f1f4f7;
  --color-neutral-20: #d9e0e6;
  --color-neutral-30: #b8c4cf;
  --color-neutral-40: #8fa2b3;
  --color-neutral-50: #5e768c;
  --color-neutral-60: #2d3e50;
  --color-neutral-70: #243341;
  --color-neutral-80: #1b2833;
  --color-neutral-90: #121b23;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-neutral-transparent: #ffffff00;
  /* Derived colors */
  --color-neutral-blackTransparent10: color-mix(
    in oklab,
    var(--color-neutral-black) 10%,
    var(--color-neutral-transparent)
  );
  --color-neutral-blackTransparent14: color-mix(
    in oklab,
    var(--color-neutral-black) 14%,
    var(--color-neutral-transparent)
  );
  --color-neutral-blackTransparent20: color-mix(
    in oklab,
    var(--color-neutral-black) 20%,
    var(--color-neutral-transparent)
  );
  --color-neutral-blackTransparent35: color-mix(
    in oklab,
    var(--color-neutral-black) 35%,
    var(--color-neutral-transparent)
  );
  --color-neutral-whiteTransparent20: color-mix(
    in oklab,
    var(--color-neutral-white) 20%,
    var(--color-neutral-transparent)
  );
  --color-neutral-whiteTransparent75: color-mix(
    in oklab,
    var(--color-neutral-white) 75%,
    var(--color-neutral-transparent)
  );
  --color-neutral-whiteTransparent90: color-mix(
    in oklab,
    var(--color-neutral-white) 90%,
    var(--color-neutral-transparent)
  );
  --color-neutral-transparent20: color-mix(
    in oklab,
    var(--color-neutral-60) 20%,
    var(--color-neutral-transparent)
  );

  /* color/success */
  --color-success-20: #e5f6ea;
  --color-success-40: #a6deb5;
  --color-success-60: #59b861;
  --color-success-80: #36703d;
  --color-success-90: #244a26;
  --color-success-transparent20: color-mix(
    in oklab,
    var(--color-success-60) 20%,
    var(--color-neutral-transparent)
  );

  /* color/warning */
  --color-warning-20: #fff4d9;
  --color-warning-40: #ffd466;
  --color-warning-60: #ffbd38;
  --color-warning-80: #997321;
  --color-warning-90: #664d17;
  --color-warning-transparent20: color-mix(
    in oklab,
    var(--color-warning-60) 20%,
    var(--color-neutral-transparent)
  );

  /* color/error */
  --color-error-20: #fce5e8;
  --color-error-40: #e87580;
  --color-error-60: #db3645;
  --color-error-80: #852129;
  --color-error-90: #5c171c;
  --color-error-transparent20: color-mix(
    in oklab,
    var(--color-error-60) 20%,
    var(--color-neutral-transparent)
  );

  /* typography/fontSize */
  --typography-fontSize-xs: 0.625rem;
  --typography-fontSize-sm: 0.75rem;
  --typography-fontSize-md: 0.875rem;
  --typography-fontSize-base: 1rem;
  --typography-fontSize-lg: 1.25rem;
  --typography-fontSize-xl: 1.5rem;
  --typography-fontSize-xxl: 2rem;
  --typography-fontSize-huge: 3rem;

  /* typography/fontWeight */
  --typography-fontWeight-bold: 700;
  --typography-fontWeight-regular: 400;

  /* typography/fontFamily */
  --typography-fontFamily-heading: Figtree;
  --typography-fontFamily-label: Figtree;
  --typography-fontFamily-paragraph: Noto Sans;
  --typography-fontFamily-mono: Chivo Mono, monospace;

  /* spacing */
  --spacing-micro: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;

  /* border/radius */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  --border-radius-xl: 24px;
}