:root {
  /* Brand */
  --primary: #00576E;
  --accent: #6E1700;
  --primary-700: #013645;
  --primary-100: #017b9d;
  /* Neutral palette */
  --ink-900: #0a2540;
  --ink-700: #31475e;
  --ink-500: #6b7c93;
  --ink-300: #a6b1bd;
  --ink-100: #e6ebf1;
  --bg: #ffffff;
  --bg-alt: #f6f9fc;
  --border: #e6ebf1;
  --radius: 12px;
  --shadow: 0 10px 30px rgba(10, 37, 64, 0.08);

  /* Neutrals */
  --neutral: #ffffff;
  --neutral-svg: invert(99%) sepia(1%) saturate(17%) hue-rotate(290deg)
    brightness(105%) contrast(100%);
  --neutral-50: #fcfdff;
  --neutral-100: #f6f7f9;
  --neutral-300: #eceff4;
  --neutral-500: #d0d5dd;
  --neutral-700: #667085;
  --neutral-700-svg: invert(42%) sepia(34%) saturate(233%) hue-rotate(182deg)
    brightness(97%) contrast(91%);
  --neutral-900: #344054;
  --black: #000000;

  /* Blue - Primary */
  --blue-100: #e7f8fd;
  --blue-200: #dcf7ff;
  --blue-300: #98d2fb;
  --blue-500: #2f7af9;
  --blue-500-svg: invert(43%) sepia(97%) saturate(3973%) hue-rotate(209deg)
    brightness(103%) contrast(95%);
  --blue-700: #1b43dd;
  --blue-700-svg: invert(27%) sepia(97%) saturate(4025%) hue-rotate(224deg)
    brightness(86%) contrast(101%);
  --blue-900: #132a82;

  /* Red */
  --red-100: #fef3f2;
  --red-300: #fecdca;
  --red-500: #f04438;
  --red-500-svg: invert(59%) sepia(39%) saturate(5202%) hue-rotate(326deg)
    brightness(84%) contrast(129%);
  --red-700: #b42318;
  --red-900: #7a271a;

  /* Green */
  --green-100: #ecfdf3;
  --green-300: #a6f4c5;
  --green-500: #12b76a;
  --green-700: #027a48;
  --green-900: #054f31;

  /* Orange */
  --orange-100: #fffaeb;
  --orange-300: #fedf89;
  --orange-500: #f79009;
  --orange-700: #b54708;
  --orange-900: #792e0d;

  /* Purple */
  --purple-100: #f9f5ff;
  --purple-300: #e9d7fe;
  --purple-500: #9e77ed;
  --purple-700: #6941c6;
  --purple-900: #42307d;

  /* Shadows */
  --elevation-100: 0px 2px 15px rgba(0, 0, 0, 0.05);
  --elevation-300: 0px 2px 12px rgba(0, 0, 0, 0.1);
  --elevation-500: 0px 2px 25px rgba(0, 0, 0, 0.15);

  /* Font Sizes */
  --fs-xxs: 10px;
  --fs-xs: 12px;
  --fs-s: 14px;
  --fs-m: 16px;
  --fs-l: 18px;
  --fs-xl: 20px;
  --fs-xxl: 24px;
  --fs-xxxl: 30px;
  --fs-xxxxl: 48px;

  /* Font Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semi: 600;
  --weight-bold: 700;

  /* NEW HOME COLORS */
  --color-primary-100: #DCE7FA;
  --color-primary-300: #85B0F9;
  --color-primary-400: #2F7AF9;
  --color-secondary-100: #BDC0CE;
  --color-secondary-200: #AAAEC3;
  --color-secondary-400: #8188AB;
  --color-secondary-500: #6F76A0;
  --color-secondary-600: #5B6495;
  --color-secondary-700: #47518A;
  --color-secondary-900: #1F2C73;
  /* // Neutral */
  --color-neutral-50: #FFFFFF;
  --color-neutral-200: #F8F9F9;
  --color-neutral-300: #EBECED;
  --color-neutral-400: #CCCDD0;
  --color-neutral-500: #8C8E91;
  --color-neutral-600: #4C4E52;
  --color-neutral-700: #2D2F32;
  --color-neutral-800: #1E2024;
  --color-neutral-900: #171A1F;

  /* // Dark */
  --color-dark-400: #81899A;
  --color-dark-700: #46536E;
  --color-dark-900: #1A253E;

  /* // Light */
  --color-light-900: #F6F9FC;

  /* // Gray */
  --color-gray-50: #F9FAFB;
  --color-gray-200: #E5E7EB;
  --color-gray-500: #6B7280;
  --color-gray-900: #111827;

  /* // Sidebar */
  --sidebar-width: 270px;
  --sidebar-background: #111926;
  --sidebar-chevron-background: #344054;
  --sidebar-color: #fff;
  --sidebar-font-size: 16px;
  --sidebar-font-weight: 500;
  --sidebar-hover: #444;
  --sidebar-active: #555;
  --sidebar-border: 1px solid #444;
  --sidebar-tran-02: all 0.2s ease;
  --sidebar-tran-03: all 0.3s ease;
  --sidebar-tran-04: all 0.4s ease;
  --sidebar-tran-05: all 0.5s ease;


  /* NEW LANDING */

  /* COLORS */
  ----ColorsEffectsShadowsshadow-xs: #0A0D120D;
  --ColorsEffectsShadowsshadow-lg01: #0A0D1214;
  --ColorsEffectsShadowsshadow-lg02: #0A0D1208;
  --ColorsEffectsShadowsshadow-lg03: #0A0D120A;

  --primary: #00576E;
  --secondary: #181D27;
  --tertiary: #414651;
  --description: #535862;
  --placeholder: #717680;
  --bg-landing: #fff;
  --bg-secondary: #F2F7F8;

  /* TEXT */
  --font-family-body: 'Inter', sans-serif;
  --text-xl: 20px;
  --text-xl-line-height: 30px;

  --text-sm: 14px;
  --text-sm-line-height: 20px;
  --text-md: 16px;
  --text-md-line-height: 24px;

  --container-padding-desktop: 32px;

  --text-display-md: 36px;
  --text-display-md-line-height: 44px;

  --text-display-lg: 48px;
  --text-display-lg-line-height: 60px;

  --text-display-xl: 60px;
  --text-display-xl-line-height: 72px;

  --text-letter-spacing-tight: -0.02em;

  /* SPACING */
  --spacing-xxs: 2px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-2xl: 24px;

  /* BORDER RADIUS */
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-2xl: 16px;
}