/**
 * Antumo Design System - Color Variables
 * Generated from Figma: https://www.figma.com/design/aKIP8PcGfbAMKAZNhEbDOZ/Antumo-|-Design-System?node-id=1-10
 */

:root {
  /* ===== Base Colors ===== */
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-focus: #5B4DFF;
  --color-bg-brand-solid: #2D2D40;  /* Dark brand background for buttons */
  --color-brand-primary: #2D2D40;   /* Brand primary for progress bars, accents */

  /* ===== Grey Palette ===== */
  --color-grey-25: #FDFDFD;
  --color-grey-50: #FAFAFA;
  --color-grey-100: #F5F5F5;
  --color-grey-200: #E9EAEB;
  --color-grey-300: #D5D7DA;
  --color-grey-400: #A4A7AE;
  --color-grey-500: #717680;
  --color-grey-600: #535862;
  --color-grey-700: #414651;
  --color-grey-800: #252B37;
  --color-grey-900: #181D27;
  --color-grey-950: #0A0D12;

  /* ===== Navy Palette ===== */
  --color-navy-25: #FBFBFD;
  --color-navy-50: #F6F7FA;
  --color-navy-100: #E6E8F0;
  --color-navy-200: #C7CAD9;
  --color-navy-300: #A4A7BF;
  --color-navy-400: #6C6F92;
  --color-navy-450: #595B78;  /* Active nav item background */
  --color-navy-500: #3A3A66;
  --color-navy-600: #32355A;
  --color-navy-700: #2A2D4F;
  --color-navy-800: #21243F;
  --color-navy-900: #171A2D;
  --color-navy-950: #0F1220;

  /* ===== Blue Palette ===== */
  --color-blue-25: #FBFDFF;
  --color-blue-50: #F5FAFF;
  --color-blue-100: #E6F1FB;
  --color-blue-200: #CFE3F6;
  --color-blue-300: #B3D3EF;
  --color-blue-400: #9CC3E8;
  --color-blue-500: #7FAEDD;
  --color-blue-600: #6A97C8;
  --color-blue-700: #557FAF;
  --color-blue-800: #3E5F85;
  --color-blue-900: #2C425E;
  --color-blue-950: #1B2A3F;

  /* ===== Yellow Palette ===== */
  --color-yellow-25: #FFFDF5;
  --color-yellow-50: #FFF9E8;
  --color-yellow-100: #FFF3D4;
  --color-yellow-200: #FFE7A8;
  --color-yellow-300: #FDDC79;
  --color-yellow-400: #F4CF53;
  --color-yellow-500: #F1C846;
  --color-yellow-600: #D4AB32;
  --color-yellow-700: #AC8624;
  --color-yellow-800: #7F6118;
  --color-yellow-900: #523D0F;
  --color-yellow-950: #2F2208;

  /* ===== Green Palette ===== */
  --color-green-25: #F6FCF9;
  --color-green-50: #ECF8F2;
  --color-green-100: #D7F0E5;
  --color-green-200: #B3E3CF;
  --color-green-300: #82D1B4;
  --color-green-400: #4DBD95;
  --color-green-500: #2FA46F;
  --color-green-600: #268A5E;
  --color-green-700: #1F6F4D;
  --color-green-800: #184F38;
  --color-green-900: #103325;
  --color-green-950: #081D14;

  /* ===== Red Palette ===== */
  --color-red-25: #FEF6F6;
  --color-red-50: #FDECEC;
  --color-red-100: #FAD7D7;
  --color-red-200: #F4B3B3;
  --color-red-300: #EA8282;
  --color-red-400: #DE6363;
  --color-red-500: #D14C4C;
  --color-red-600: #B53F3F;
  --color-red-700: #923434;
  --color-red-800: #6B2626;
  --color-red-900: #441818;
  --color-red-950: #260D0D;

  /* ===== Violet Palette ===== */
  --color-violet-25: #FBFAFE;
  --color-violet-50: #F5F3FC;
  --color-violet-100: #E7E3F7;
  --color-violet-200: #CEC6F0;
  --color-violet-300: #B1A8E7;
  --color-violet-400: #9A8DDA;
  --color-violet-500: #8B7FD1;
  --color-violet-600: #7568B8;
  --color-violet-700: #5E5497;
  --color-violet-800: #443E6E;
  --color-violet-900: #2E2A4A;
  --color-violet-950: #1B182C;
}