:root, ::before, ::after {
  --font-family-base: "Source Sans Pro", "Source Han Sans", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --eds-white: #FFFFFF;
    /* Black */
    --eds-black-100: #3c4d5c;
    --eds-black-200: #414c56;
    --eds-black-300: #364756;
    --eds-black-400: #304150;
    --eds-black-500: #304250;
    --eds-black-600: #1d2a37;
    --eds-black-700: #1d2128;
    --eds-black-800: #13222f;
    --eds-black-900: #123e51;
    --eds-black-1000: #182a39;
    --eds-black-1100: #182439;
    --eds-black-1200: #111f2c;
    --eds-black-1300: #0f2e3f;
    --eds-black-1400: #032330;
    --eds-black-1500: #0F1823;
    --eds-black-1600: #0c0c0c;
    --eds-black-1700: #0c1722;
    --eds-black-1800: #08111a;
    --eds-black-1900: #060d16;
    --eds-black-2000: #030810;
    --eds-black: #000000;

    /* Gray swatch */
    --eds-gray-100: #FAFBFD;
    --eds-gray-200: #F4F5F8;

    --eds-gray-400: #D7D8DB;
    --eds-gray-500: #C5C7C9;
    --eds-gray-600: #B8B9BB;
    --eds-gray-700: #929498;
    --eds-gray-800: #7F8185;

    --eds-gray-1000: #525457;
    --eds-gray-1100: #373B3D;
    --eds-gray-1150: #3A3A3A;
    --eds-gray-1200: #2B2D2E;
    --eds-gray-1300: #202324;
    --eds-gray-1400: #1D1F20;
    --eds-gray-1500: #18181A;
    --eds-gray-1600: #0E0E0F;

    /* Blue swatch */
    --eds-blue-5:  #F3FCFF;
    --eds-blue-25:  #E3F4FA;
    --eds-blue-50:  #D7EFF8;
    --eds-blue-75:  #C9E7F1;
    --eds-blue-100: #B3DEEB;
    --eds-blue-200: #A3D7E7;
    --eds-blue-225: #90D5EA;
    --eds-blue-250: #70C9E4;
    --eds-blue-300: #51BDDF;
    --eds-blue-325: #40AAD1;
    --eds-blue-350: #178EBA;

    --eds-blue-450: #046B91;
    --eds-blue-500: #02607E;
    --eds-blue-600: #02536C;
    --eds-blue-650: #01475C;
    --eds-blue-675: #013E51;
    --eds-blue-700: #013443;
    --eds-blue-750: #002C39;

    --eds-dc-base-350: #92A5B8;
    --eds-dc-base-475: #5F768F;

    --eds-dc-base-600: #395069;
    --eds-dc-base-900: #0A192A;

    /*Digital Commerce Action swatch */
    --eds-dc-blue-200: #C1DBF5;
    --eds-dc-blue-250: #84AFD9;

    /*Digital Commerce product segment swatch */
    --eds-dc-purple-500: #595194;
    --eds-dc-purple-650: #443C81;
    --eds-dc-purple-700: #3A3275;
    --eds-dc-purple-1000: #120C3C;

    /*AI swatch */
    --eds-purple-100: #F0E8FE;
    --eds-purple-300: #CFBBEC;
    --eds-purple-700: #7E3FD7;

    /* Red swatch */
    --eds-red-100: #FCEEF0;
    --eds-red-105: #E6CED2;
    --eds-red-115: #DDBAC0;
    --eds-red-150: #F78DA0;
    --eds-red-200: #DF4661;

    --eds-red-220: #A80925;
    --eds-red-250: #6B0719;
    --eds-red-300: #432D31;

    /* Orange swatch */
    --eds-orange-100: #FF8487;
    --eds-orange-125: #EAC69E;
    --eds-orange-150: #EFAC65;
    --eds-orange-200: #EF983C;
    --eds-orange-400: #EC8415;
    --eds-orange-600: #B05F09;

    /* Yellow swatch */
    --eds-yellow-125: #F5E7A9;
    --eds-yellow-150: #F6DD6D;
    --eds-yellow-200: #EFD937; /* TODO: Used in badge component. To be removed after we update badge as per the new palette */
    --eds-yellow-400: #F5CC0E;
    --eds-yellow-600: #BF9F0A;
    --eds-yellow-700: #8B7200;

    /* Green swatch */
    --eds-green-75: #4FB302;  /* TODO: Used in notification banner. To be removed after we update notifications as per the new palette */
    --eds-green-100: #97C69B;
    --eds-green-150: #68B76F;
    --eds-green-200: #6CD376;  /* TODO: Used in badge component. To be removed after we update badge as per the new palette */
    --eds-green-300: #359C3F;
    --eds-green-500: #26842F;

    /* Teal swatch */
    --eds-teal-100: #AFD6D2;
    --eds-teal-150: #8BBDB8;
    --eds-teal-400: #699793;
    --eds-teal-500: #4E7C78;

    /* Brown swatch */
    --eds-brown-150: #C3B7B4;
    --eds-brown-250: #91827E;
    --eds-brown-300: #80716D;

    /* Sand swatch */
    --eds-sand-150: #D6D0B9;
    --eds-sand-400: #9D9169;
    --eds-sand-500: #7F734B;

    /* Slate swatch */
    --eds-slate-150: #B6BECC;
    --eds-slate-300: #838FA5;
    --eds-slate-400: #68748A;

    /* Amber swatch */
    --eds-amber-100: #ffcb24;
    --eds-amber-200: #fac000;

    /* Bronze swatch */
    --eds-bronze-150: #D0B196;
    --eds-bronze-300: #A68161;
    --eds-bronze-400: #8F6948;

    /* Coral swatch */
    --eds-coral-150: #DBA4A4;
    --eds-coral-300: #B87676;
    --eds-coral-400: #9E5F5F;

    /* Olive swatch */
    --eds-olive-150: #AEBC83;
    --eds-olive-300: #7C8C4F;
    --eds-olive-400: #657438;

    /* Violet swatch */
    --eds-violet-150: #ADA6E8;
    --eds-violet-300: #857BD4;
    --eds-violet-400: #7066C3;

    /* Ocean swatch */
    --eds-ocean-150: #9FBADA;
    --eds-ocean-300: #6B91BB;
    --eds-ocean-400: #4B74A3;

    /* Plum swatch */
    --eds-plum-150: #C8A4C6;
    --eds-plum-300: #91678F;
    --eds-plum-400: #744D72;

    /* TODO: Revisit blue + marketing color */
    --eds-blue-marketing-commerce-300: #005CB9;

    /* Extended Qualitative Colors (suffix with ec) */

    --eds-pink-ec-100: #F188C0;
    --eds-pink-ec-500: #E94B9F;
    --eds-pink-ec-900: #A21660;
    --eds-pink-ec-1000: #feeceb;

    --eds-aqua-ec-100: #71B7DC;
    --eds-aqua-ec-500: #268FC8;
    --eds-aqua-ec-900: #026195;

    --eds-peach-ec-100: #FFB8BA;
    --eds-peach-ec-500: #E87276;
    --eds-peach-ec-900: #B94448;

    --eds-violet-ec-100: #C3ABF5;
    --eds-violet-ec-500: #8655ED;
    --eds-violet-ec-900: #632FD0;

    --eds-emerald-ec-100: #A3E3A7;
    --eds-emerald-ec-500: #16911E;
    --eds-emerald-ec-900: #008309;

    --eds-cyan-ec-100: #71D9E7;
    --eds-cyan-ec-500: #00ABC1;
    --eds-cyan-ec-900: #017A8B;

    --eds-amber-ec-100: #F3C47F;
    --eds-amber-ec-500: #D18411;
    --eds-amber-ec-900: #B26D04;

    --eds-indigo-ec-100: #97A8DA;
    --eds-indigo-ec-500: #637BC5;
    --eds-indigo-ec-900: #3F5AAE;

    --eds-olive-ec-100: #C0B97C;
    --eds-olive-ec-500: #B2A001;
    --eds-olive-ec-900: #776D10;

    --eds-purple-ec-100: #C0ABE3;
    --eds-purple-ec-500: #9373CD;
    --eds-purple-ec-900: #673AB6;

    --eds-rose-ec-100: #F2A9B9;
    --eds-rose-ec-500: #E8728A;
    --eds-rose-ec-900: #A1354C;

    --eds-teal-ec-100: #80CDC6;
    --eds-teal-ec-500: #19958A;
    --eds-teal-ec-900: #0F8379;

    --eds-plum-ec-100: #D9A4E2;
    --eds-plum-ec-500: #BA66C8;
    --eds-plum-ec-900: #9B27AF;

    --eds-orange-ec-100: #E6B661;
    --eds-orange-ec-500: #CC8D18;
    --eds-orange-ec-900: #A37704;

    --eds-sky-ec-100: #98D5DD;
    --eds-sky-ec-500: #4FA8C3;
    --eds-sky-ec-900: #458090;

    --eds-divider-light-blue: #03EBFA;
    --eds-gehc-overlay-indigo: #040B1A;
    --eds-divider-very-light-grey: #D7DEE7;
    --eds-gehc-tab-border-color: #EAEAEA;

    --eds-gehc-image-background: #F8F8F8;

    --eds-rich-electric-blue: #01a8d3;
    --bg-circle-blue: #3F6E9E;
    --lavender-web: #e3f0fd;
    --eds-dc-base-750-005: #F4F1F80d;
    --eds-tooltip-border: #1D1F20;

    --black: #000000;

    --gray-400: #A5A6A8;

    --gray-700: #18181A;
    --gray-730: #5d5d5f;
    --gray-780: #d1d1d1;
    --gray-793: #efefef;
    --gray-800: #787878;

    --iron: #d7d8db;

    --black-shaded-blue-3 : rgba(16, 35, 55, 0.3);
    --black-shaded-red-3 : rgba(34, 34, 34, 0.3);

    --yankees-blue-0 : rgba(22, 41, 65, 0);
    --ateneo-blue:   #083870;
    --ateneo-blue-0: rgba(8, 56, 112, 0);

    --eds-dc-base-800-5: rgba(16, 35, 55, 0.5);
    --eds-dc-base-800-0: rgba(16, 35, 55, 0);

    --eds-dc-purple-500-0: rgba(89, 81, 148, 0);
    --eds-dc-purple-500-98: rgba(89, 81, 148, 98);
    --eds-dc-blue-750-05: rgba(22, 41, 65, 0.05);
    --eds-dc-blue-750-2: rgba(22, 41, 65, 0.2);
    --eds-dc-blue-750-15: rgba(22, 41, 65, 0.15);
    --eds-dc-blue-750-0: rgba(22, 41, 65, 0);

    --white-5: rgba(255, 255, 255, .5);
    --white-64: rgba(255, 255, 255, .64);
    --light-gray-24: rgba(55,59,61,0.24);
    --dark-blue-gray-4:rgba(99,102,106,0.40);
    --light-grayish-blue-2 : rgba(22, 41, 65, 0.2);
    --dark-grayish-blue-7 : rgba(4, 11, 26, 0.7);
    --light-grayish-blue-3 : rgba(175, 190, 206, 0.3);
    --dark-blue-light-gray-6 : rgba(215, 216, 219, 0.6);
    --light-grayish-blue-15 : rgba(22, 41, 65, 0.15);
    --black-16: rgba(0, 0, 0, 0.16);
    --grayish-blue-05 : rgba(22, 41, 65, 0.05);
    --dark-blue-25 : rgba(22, 41, 65, 0.25);
    --black-15: rgba(0, 0, 0, 0.15);
    --light-blue-gray-15 : rgba(22, 41, 65, 0.15);
    --light-blue-gray-6:rgba(215, 216, 219, .6);
    --black-23: rgba(0, 0, 0, 0.23);
    --light-blue-92 : rgba(8, 112, 216, 0.92);

    --blueish-gray-0 : rgba(32, 54, 81, 0);
    --yankees-blue-92 : rgba(22, 41, 65, 0.92);
    --dark-blue-varient-0 : rgba(22, 40, 65, 0);
    --black-3 : rgba(0, 0, 0, 0.3);
    --eds-dc-blue-750-5: rgba(22, 41, 65, 0.5);
    --shark-85 : rgba(47, 49, 51, 0.85);

    --overlay-bg: #222222B3;
    --meta-data-bg: #222222B3;

    --light-gray : #aeaeae;
    --light-silver: #ccc;
    --lightest-silver: #b3b3b3;
    --silver-1 : #e6e6e6;
    --light-white : #f0f0f0;
    --royal-blue : #216ba5;
    --parrot-green : #3dcc4a;
    --parrot-dark-green: #32be3f;
    --royal-blue-2 : #1d5d90;
    --black-0 : rgba(0, 0, 0, 0);
    --black-8 : rgba(0, 0, 0, 0.8);
    --sky-blue-5 : rgba(33, 107, 165, 0.5);

    --bg-circle-blue: rgba(100, 10, 205, 0);

    --very-light-grey-typography-var-1: #AFBECE;

    --story-carousel-progress-bar-bg: #22222280;

    --story-carousel-gradient-var2: rgba(247, 247, 250, 0.39);
    --story-carousel-gradient-var3: rgba(231, 231, 236, 0);

    --product-family-gradient-var1 : #F3F8FD;
    --product-family-gradient-var2 : rgba(240, 248, 253, 0);

    --content-pill-dark-default-background-var-2: #F3F8FD;
    --content-pill-default-border-var-1: #AFBECE;
    --content-pill-default-border-hover-var-1: #0870D8;
    --sub-specialty-pill-selected-typography: #D7DEE7;
    --episode-lister-gradient: rgba(34, 34, 34, 0);
    --series-hero-gradient: rgba(242, 241, 248, 0);
    --feature-takeover-img-overlay-color : rgba(0, 0, 0, .32);

    --global-gateway-bg: #420588;
    --global-gateway-select-dropdown-bg: #13294b;

    /** New Naming protocol **/

    /** Interaction **/
    --interaction:	#6022A6;
    --interaction-on-hover:	#411771;
    --interaction-pressed:	#222222;
    --interaction-on-dark:	#FFFFFF;
    --interaction-on-hover-on-dark: #F4F1F8;
    --interaction-pressed-on-dark: #C7C8CF;

    /** Typography **/
    --typography-primary: #222222;
    --typography-secondary:	#5B5B67;
    --typography-primary-on-dark: #FFFFFF;
    --typography-secondary-on-dark:	#C7C8CF;
    --typography-brand:	#6022A6;

    /** Background **/
    --background-brand:	#6022A6;
    --background: #FFFFFF;
    --background-100: #FBF9FD;
    --background-250: #F4F1F8;

    /** To be used when typography color is used in background & Keyline **/
    --bg-kl-1000:#222222;
    --bg-kl-750: #5B5B67;
    --bg-kl-500: #C7C8CF;

    /** Status **/
    --error: #A32940;
    --error-background:	#FCEDF0;
    --warning: #EDC50C;
    --success: #68B76F;

    /** Accent Backgrounds **/
  --accent-turqoise-150: #E3F4F6;
  --accent-yellow-150: #FEF9E5;
  --accent-green-150: #DDF5EB;
  --accent-coral-150: #FDECE8;

  /** Accent Colors **/
  --accent-turqoise-1000: #45B2C5;
  --accent-yellow-1000: #F8D754;
  --accent-green-1000: #19BB7C;
  --accent-coral-1000: #F37F63;

  /** Corner Radius dimensions **/
    --corner-radius-small: 4px;
    --corner-radius-medium: 8px;
    --corner-radius-large-s: 12px;
    --corner-radius-large: 16px;

    /* Typograpy related variables */
    --s-viewer-device-bg: #e4e4e4;
    --s-viewer-border-grad-initial: #d4d4d4;
    --s-viewer-device-grad-final: #8d8d8d;
    --black-15: rgba(0, 0, 0, 0.15);
    --white-0: rgba(255, 255, 255, 0);
    --progress-indicator-active: #640ACD;

    --image-slider-bg-kl: #D4D4D4;
    --image-slider-caption-bg: rgba(91, 91, 103, 0.8);
    --image-slider-border-color: #8D8D8D;
    --image-slider-toggle-kl-bg: #FBFCFE;
    --image-slider-toggle-btn-border: #55565A;
    --image-slider-toggle-btn-bg: #373B3E;

    /* Gradient and Texshadow variables for (Light & Dark) */
    --light-gradient-background: linear-gradient(180deg, rgba(251, 249, 253, 0.1) 0%, rgba(251, 249, 253, 0.6) 50.29%, rgba(251, 249, 253, 0.9) 100%);
    --dark-gradient-background: linear-gradient(180deg, rgba(34, 34, 34, 0.1) 0%, rgba(34, 34, 34, 0.75) 49.99%, #222222 100%);

    --light-image-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1), #FFFFFF);
    --dark-image-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1), #000000);

    --light-text-shadow: 0px 0px 30px #FFFFFF;
    --dark-text-shadow: 0px 0px 40px #000000;

    --featurecontent-dark-gradient-background: linear-gradient(360deg, rgba(34, 34, 34, 0.9) 16.07%, rgba(34, 34, 34, 0.45) 53.2%, rgba(34, 34, 34, 0) 84.27%);
    --featurecontent-light-gradient-background: linear-gradient(360deg, rgba(251, 249, 253, 0.9) 20%, rgba(251, 249, 253, 0.45) 53.56%, rgba(251, 249, 253, 0) 84.27%);
    --episodelister-gradient-background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.9) 82.21%);
    --innovations-gradient-background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(34, 34, 34, 0.45) 39.03%, rgba(34, 34, 34, 0.90) 74.87%);
}