@mixin define-theme-content-colors() {
    // primitive purple
    --color-primitive-purple-50: #F6E8FD;
    --color-primitive-purple-100: #EDD2FC;
    --color-primitive-purple-200: #E4BCFB;
    --color-primitive-purple-300: #DCA6FA;
    --color-primitive-purple-400: #CA7AF7;
    --color-primitive-purple-500: #B94EF5;
    --color-primitive-purple-600: #A822F3;
    --color-primitive-purple-700: #D14485;

    // primitive pink
    --color-primitive-pink-50: #FCEAFC;
    --color-primitive-pink-100: #F9D6FA;
    --color-primitive-pink-200: #F3ADF5;
    --color-primitive-pink-300: #EE84F0;
    --color-primitive-pink-400: #EB6FED;
    --color-primitive-pink-500: #E546E8;
    --color-primitive-pink-600: #E332E6;
    --color-primitive-pink-700: #D14485;

    // primitive red
    --color-primitive-red-50: #FCEAEC;
    --color-primitive-red-100: #F9D6DA;
    --color-primitive-red-200: #F3ADB5;
    --color-primitive-red-300: #F098A3;
    --color-primitive-red-400: #EA6F7E;
    --color-primitive-red-500: #E4465A;
    --color-primitive-red-600: #E23248;
    --color-primitive-red-700: #A6353D;

    // primitive orange
    --color-primitive-orange-50: #FDF5EB;
    --color-primitive-orange-100: #F9E1C3;
    --color-primitive-orange-200: #F3C388;
    --color-primitive-orange-300: #E5A552;
    --color-primitive-orange-400: #EEA03C;
    --color-primitive-orange-500: #EB9B3A;
    --color-primitive-orange-600: #E87929;
    --color-primitive-orange-700: #E85C29;

    // primitive yellow 
    --color-primitive-yellow-50: #FEFEDC;
    --color-primitive-yellow-100: #FEFECB;
    --color-primitive-yellow-200: #FEFEBA;
    --color-primitive-yellow-300: #FDFEA9;
    --color-primitive-yellow-400: #FDFE75;
    --color-primitive-yellow-500: #FDFE53;
    --color-primitive-yellow-600: #EEFB53;
    --color-primitive-yellow-700: #CEFB53;

    // primitive green 
    --color-primitive-green-50: #F1FEED;
    --color-primitive-green-100: #E4FDDB;
    --color-primitive-green-200: #D7FDC9;
    --color-primitive-green-300: #C9FCB7;
    --color-primitive-green-400: #AFFB93;
    --color-primitive-green-500: #94FA6E;
    --color-primitive-green-600: #7AF94B;
    --color-primitive-green-700: #61C72C;

    // primitive light 
    --color-primitive-light-green-50: #F1FEF5;
    --color-primitive-light-green-100: #E3FEEC;
    --color-primitive-light-green-200: #C7FDD9;
    --color-primitive-light-green-300: #ABFCC6;
    --color-primitive-light-green-400: #81FAAA;
    --color-primitive-light-green-500: #74FAA1;
    --color-primitive-light-green-600: #73F96D;
    --color-primitive-light-green-700: #1BFF67;

    // primitive mint 
    --color-primitive-mint-50: #F1FEF5;
    --color-primitive-mint-100: #E3FEEC;
    --color-primitive-mint-200: #C7FDD9;
    --color-primitive-mint-300: #ABFCC6;
    --color-primitive-mint-400: #81FAAA;
    --color-primitive-mint-500: #74FAA1;
    --color-primitive-mint-600: #54FA8C;
    --color-primitive-mint-700: #3EE877;

    // primitive teal
    --color-primitive-teal-50: #EDF7FB;
    --color-primitive-teal-100: #DCEFF7;
    --color-primitive-teal-200: #CAE7F3;
    --color-primitive-teal-300: #A7D8ED;
    --color-primitive-teal-400: #84C8E3;
    --color-primitive-teal-500: #72C9DF;
    --color-primitive-teal-600: #50B1D7;
    --color-primitive-teal-700: #408DAC;

    // primitive aquamarinel
    --color-primitive-aquamarinel-50: #ECFCFD;
    --color-primitive-aquamarinel-100: #C2D3FF;
    --color-primitive-aquamarinel-200: #8DAAF5;
    --color-primitive-aquamarinel-300: #5880E9;
    --color-primitive-aquamarinel-400: #3044CF;
    --color-primitive-aquamarinel-500: #364CE6;
    --color-primitive-aquamarinel-600: #48ECF0;
    --color-primitive-aquamarinel-700: #69ADB0;

    // primitive blue 
    --color-primitive-blue-50: #D6EBFF;
    --color-primitive-blue-100: #9FD2FF;
    --color-primitive-blue-200: #74BDFF;
    --color-primitive-blue-300: #4CA6F8;
    --color-primitive-blue-400: #2961F2;
    --color-primitive-blue-500: #2152F3;
    --color-primitive-blue-600: #0406EE;
    --color-primitive-blue-00: #151E5B;

    // primitive gray 
    --color-primitive-white: #FFFFFF;
    --color-primitive-gray-50: #F8FAFF;
    --color-primitive-gray-100: #F1F6FE;
    --color-primitive-gray-200: #DDE9FD;
    --color-primitive-gray-300: #CFE0FC;
    --color-primitive-gray-400: #BBD4FB;
    --color-primitive-gray-500: #A8BEE2;
    --color-primitive-gray-600: #8294AF;
    --color-primitive-gray-700: #5D6A7D;
    --color-primitive-gray-800: #383F4B;
    --color-primitive-gray-900: #131519;
    --color-primitive-black: #000000;

    // gradient colors
    --color-gradient-blue: linear-gradient(180deg, #4CA6F8 0%, #2152F3 100%);
    --color-gradient-red: linear-gradient(180deg, #D14485 0%, #E23248 100%);
    --color-gradient-light-green: linear-gradient(180deg, #74FAA1 0%, #73F96D 100%);
    --color-gradient-dark-blue: linear-gradient(180deg, #2961F2 0%, #0406EE 100%);
    --color-gradient-yellow: linear-gradient(180deg, #FDFE53 0%, #EB9B3A 100%);
    --color-gradient-teal: linear-gradient(180deg, #73FAFD 0%, #50B1D7 100%);
    --color-gradient-green: linear-gradient(180deg, #CEFB53 0%, #7AF94B 100%);
    --color-gradient-orange: linear-gradient(180deg, #EEA03C 0%, #E85C29 100%);
    --color-gradient-pink: linear-gradient(180deg, #E332E6 0%, #A822F3 100%);
    
    // transparent black
    --color-transparent-black-09: rgba(0, 0, 0, 0.9);
    --color-transparent-black-08: rgba(0, 0, 0, 0.8);
    --color-transparent-black-07: rgba(0, 0, 0, 0.7);
    --color-transparent-black-06: rgba(0, 0, 0, 0.6);
    --color-transparent-black-05: rgba(0, 0, 0, 0.5);
    --color-transparent-black-04: rgba(0, 0, 0, 0.4);
    --color-transparent-black-03: rgba(0, 0, 0, 0.3);
    --color-transparent-black-02: rgba(0, 0, 0, 0.2);
    --color-transparent-black-01: rgba(0, 0, 0, 0.1);

    // transparent white
    --color-transparent-white-09: rgba(255, 255, 255, 0.9);
    --color-transparent-white-08: rgba(255, 255, 255, 0.8);
    --color-transparent-white-07: rgba(255, 255, 255, 0.7);
    --color-transparent-white-06: rgba(255, 255, 255, 0.6);
    --color-transparent-white-05: rgba(255, 255, 255, 0.5);
    --color-transparent-white-04: rgba(255, 255, 255, 0.4);
    --color-transparent-white-03: rgba(255, 255, 255, 0.3);
    --color-transparent-white-02: rgba(255, 255, 255, 0.2);
    --color-transparent-white-01: rgba(255, 255, 255, 0.1);



  // backgrounds 
  --color-background-primary-a: var(--color-primitive-black);
  --color-background-primary-b: var(--color-primitive-white);
  --color-background-accent: var(--color-gradient-teal);
  --color-background-negative: var(--color-gradient-red);
  --color-background-warning: var(--color-gradient-yellow);
  --color-background-positive: var(--color-gradient-green);

  // background ++
  --color-core-background-primary: var(--color-primitive-black);
  --color-core-background-secondary: var(--color-primitive-white);
  --color-core-background-tertiary: var(--color-transparent-white-02);


  // contents 
  --color-content-primary: var(--color-primitive-white);
  --color-content-secondary: var(--color-primitive-black);
  --color-content-tertiary: var(--color-transparent-white-06);
  --color-content-quaternary: var(--color-transparent-white-02);


  // border
  --color-border-primary: var(--color-primitive-white);
  --color-border-secondary: var(--color-transparent-white-08);
  --color-border-tertiary: var(--color-transparent-black-07);
  --color-border-selected-a: var(--color-primitive-black);
  --color-border-selected-b: var(--color-gradient-teal);



  // core background 
  --color-background-core-disabled: var(--color-transparent-white-02);
  --color-background-core-overlay-dak: var(--color-transparent-black-02);
  --color-background-core-overlay-light: var(--color-transparent-white-01);
  --color-background-core-accent: var(--color-gradient-teal);
  --color-background-core-negative: var(--color-gradient-red);
  --color-background-core-warning: var(--color-gradient-yellow);
  --color-background-core-positive: var(--color-gradient-green);


  //content colors 
  --color-content-disabled: var(--color-transparent-white-04);
  --color-content-on-color: var(--color-primitive-white);
  --color-content-on-color-inverse: var(--color-primitive-black);
  --color-content-on-color-inverse-secondary: var(--color-transparent-black-06);
  --color-content-accent:  var(--color-gradient-teal);
  --color-content-negative: var(--color-gradient-red);
  --color-content-warning: var(--color-gradient-yellow);
  --color-content-positive: var(--color-gradient-green);


  // border colors 
  --color-border-disabled: var(--color-transparent-white-04);
  --color-border-accent: var(--color-gradient-teal);
  --color-border-negative: var(--color-gradient-red);
  --color-border-warning: var(--color-gradient-yellow);
  --color-border-positive: var(--color-gradient-green);

  // background
  --color-background-primary: radial-gradient(52.7% 52.7% at 50% 50%, #3e4ea9 0%, #111b52 100%);
  --color-background-secondary: #dfdfff;

}