@font-face {
  font-family: 'TradeGothic LT Bold';
  src: url('../fonts/Trade-Gothic-LT-Bold-69e8d9b42cc75.woff') format('woff');
}

:root {
  /* Monochrome & Surface */
  --neutral-black: #101015;
  --neutral-white: #ffffff;
  --neutral-surface: #f6f6f6;

  --monochrome-grey-500: #666666;

  /* Greys */
  --neutral-grey-50: #f8f8f8;
  --neutral-grey-100: #d8d8d8;
  --neutral-grey-150: #b2b2b2;
  --neutral-grey-200: #4d4d4d;
  --neutral-grey-250: #2d2d2d;

  /* Primary Brand */
  --primary-25: #f0e3ed;
  --primary-50: #e1c6db;
  --primary-100: #ae3f97;
  --primary-150: #82107b;

  /* Secondary & Tertiary */
  --secondary-50: #353785;
  --tertiary-50: #e51e85;

  /* Highlights & Status */
  --highlight-orange: #e96800;
  --highlight-yellow: #ffde0b;
  --highlight-green: #3ea200;
  --highlight-blue-50: #00a9ce;
  --highlight-blue-100: #1776b2;

  /* Gradients */
  --gradient-glass: linear-gradient(90deg, #ffffff 0%, #eaeaea 100%);
  --gradient-50: linear-gradient(90deg, #613085 0%, #e42e84 100%);
  --gradient-pink: linear-gradient(90deg, #ae3f97 0%, #82107b 100%);
  --gradient-blue: linear-gradient(90deg, #00a9ce 0%, #0089ce 100%);
  --gradient-green: linear-gradient(90deg, #00bd32 0%, #037a23 100%);

  /* Effect Styles (alias → var, else literals) */
  --shadow-xs: 0px 2px 4px 0px rgba(0, 0, 0, 0.102);
  --shadow-sm: 0px 12px 16px -8px rgba(0, 0, 0, 0.102);
  --shadow-md: 0px 20px 24px -12px rgba(0, 0, 0, 0.102);
  --shadow-lg: 0px 32px 48px -16px rgba(0, 0, 0, 0.102);
  --shadow-xl: 0px 48px 64px -24px rgba(0, 0, 0, 0.102);
  
  /* Spacing & Sizing */
  --radius-sm: 8px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  
  --Colors-Primitives-Pink-25: #f0e3ed;
  --Colors-Primitives-Pink-50: #e1c6db;
  --Colors-Primitives-Pink-100: #ae3f97;
  --Colors-Primitives-Pink-150: #82107b;
  --Colors-Primitives-Pink-Hot_Secondary: #e42e84;
  --Colors-Primitives-Functional-Blue_Info: #00a9ce;
  --Colors-Primitives-Functional-Blue_Info_Dark: #0089ce;
  --Colors-Primitives-Functional-Green_Success: #00bd32;
  --Colors-Primitives-Functional-Green_Success_Dark: #037a23;
  --Colors-Primitives-Monochrome-White: #ffffff;
  --Colors-Primitives-Monochrome-Grey_Depth: #eaeaea;
  --Colors-Primitives-Brand-Purple_Dark: #353785;
  --Colors-Primitives-Brand-Purple_Violet: #613085;
  --Colors-Primitives-Brand-Purple_Main: #353785;
  --Colors-Primitives-Brand-Violet: #613085;
  --Colors-Primitives-Brand-Red_Brand: #da270c;
  --Colors-Primitives-Brand-Orange_Brand: #e96800;
  --Colors-Primitives-Brand-Yellow_Brand: #ffde0b;
  --Colors-Primitives-Brand-Lime_Brand: #c6d021;
  --Colors-Primitives-Brand-Green_Brand: #3ea200;
  --Colors-Primitives-Gradient_Stops-Blue_Start: #00a9ce;
  --Colors-Primitives-Gradient_Stops-Blue_End: #0089ce;
  --Colors-Primitives-Gradient_Stops-Green_Start: #00bd32;
  --Colors-Primitives-Gradient_Stops-Green_End: #037a23;
  --Colors-Primitives-Gradient_Stops-Teal_Dark: #1776b2;
  --Colors-Primitives-Brand-Purple_Brand: #353785;
  --Colors-Primitives-Brand-Purple_Magenta: #ae3f97;
  --Colors-Primitives-Functional-Orange: #e96800;
  --Colors-Primitives-Functional-Yellow: #ffde0b;
  --Colors-Primitives-Functional-Teal_Dark: #1776b2;
  --Colors-Primitives-Monochrome-Grey_50: #f8f8f8;
  --Colors-Primitives-Monochrome-Grey_100: #f5f5f5;
  --Colors-Primitives-Monochrome-Grey_300: #e0e0e0;
  --Colors-Primitives-Monochrome-Grey_500: #666666;
  --Colors-Primitives-Monochrome-Black: #101015;
  --Colors-Primitives-Monochrome-Glass: #ffffffcc;
  --Colors-Semantics-Action-Primary: var(--Colors-Primitives-Pink-100);
  --Colors-Semantics-Action-Primary_Pressed: var(--Colors-Primitives-Pink-150);
  --Colors-Semantics-Action-Secondary_Accent: var(--Colors-Primitives-Pink-Hot_Secondary);
  --Colors-Semantics-Background-Promo_Light: var(--Colors-Primitives-Pink-25);
  --Colors-Semantics-Background-Surface_Soft: var(--Colors-Primitives-Monochrome-Grey_Depth);
  --Colors-Semantics-Border-Promo_Subtle: var(--Colors-Primitives-Pink-50);
  --Colors-Semantics-Background-Page: var(--Colors-Primitives-Monochrome-Grey_100);
  --Colors-Semantics-Background-Surface_Alt: var(--Colors-Primitives-Monochrome-Grey_50);
  --Colors-Semantics-Background-Surface_Depth: var(--Colors-Primitives-Monochrome-Grey_Depth);
  --Colors-Semantics-Background-Promo_Soft: var(--Colors-Primitives-Pink-25);
  --Colors-Semantics-Action-Secondary: var(--Colors-Primitives-Brand-Purple_Main);
  --Colors-Semantics-Text-Primary: var(--Colors-Primitives-Monochrome-Black);
  --Colors-Semantics-Text-Secondary: var(--Colors-Primitives-Monochrome-Grey_500);
  --Colors-Semantics-Text-On_Brand: var(--Colors-Primitives-Monochrome-White);
  --Colors-Semantics-Border-Default: var(--Colors-Primitives-Monochrome-Grey_300);
  --Colors-Semantics-Background-Surface: var(--Colors-Primitives-Monochrome-White);
  --Colors-Semantics-Status-Error: var(--Colors-Primitives-Brand-Red_Brand);
  --Colors-Semantics-Status-Warning: var(--Colors-Primitives-Brand-Orange_Brand);
  --Colors-Semantics-Status-Alert: var(--Colors-Primitives-Brand-Yellow_Brand);
  --Colors-Semantics-Status-Success: var(--Colors-Primitives-Brand-Green_Brand);
  --Colors-Semantics-Status-Info: var(--Colors-Primitives-Gradient_Stops-Blue_Start);
  --Colors-Semantics-Badge-New: var(--Colors-Primitives-Brand-Lime_Brand);
  --Colors-Semantics-Badge-Tech: var(--Colors-Primitives-Gradient_Stops-Teal_Dark);
  --Colors-Semantics-Border-Promo: var(--Colors-Primitives-Pink-50);
  --Colors-Semantics-Border-Focus: var(--Colors-Primitives-Brand-Violet);
  --Colors-Semantics-Background-Glass-Surface: var(--Colors-Primitives-Monochrome-Glass);
  
  --Gradient-Surface-Glass: linear-gradient(90deg, #ffffff 0%, #ffffff00 50%, #ffffff 100%);
  --Gradient-Surface-Soft-Depth: linear-gradient(90deg, #ffffff 0%, #eaeaea 100%);
  --Gradient-Surface-Info: linear-gradient(180deg, #00a9ce 0%, #0089ce 100%);
  --Gradient-Surface-Success: linear-gradient(180deg, #00bd32 0%, #037a23 100%);
  --Gradient-Action-Brand: linear-gradient(180deg, #613085 0%, #e42e84 100%);
  --Gradient-Action-Accent: linear-gradient(180deg, #ae3f97 0%, #82107b 100%);

  --font-primary: 'TradeGothic LT Bold', sans-serif;
  --font-secondary: 'Roboto Condensed', sans-serif;
  --font-tertiary: 'Arial', sans-serif;
}