@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap');

:root {
  --k-black: #111111;
  --k-gray-900: #1C1C1C;
  --k-gray-700: #3A3A3A;
  --k-gray-500: #6B6B6B;
  --k-gray-300: #B0B0B0;
  --k-gray-100: #E8E8E8;
  --k-gray-50: #F5F5F4;

  --k-beige-700: #9C8872;
  --k-beige-500: #B8A898;
  --k-beige-300: #D4C9BC;
  --k-beige-100: #EDE6DD;
  --k-sand: #E8E0D5;
  --k-offwhite: #F6F2EE;
  --k-bg: #F1F1F0;
  --k-white: #FFFFFF;

  --k-success: #3B6D11;
  --k-success-bg: #EAF3DE;
  --k-warn: #854F0B;
  --k-warn-bg: #FDF5E5;
  --k-err: #A32D2D;
  --k-err-bg: #FCEAEA;
  --k-info: #185FA5;
  --k-info-bg: #EEF4FB;

  --k-radius: 0px;
  --k-border: 0.5px solid var(--k-sand);
  --k-border-dark: 0.5px solid var(--k-gray-700);
  --k-trans: all 0.18s cubic-bezier(0.4,0,0.2,1);

  --k-dur-fast: 0.1s;
  --k-dur-base: 0.18s;
  --k-dur-slow: 0.35s;
  --k-ease-out: cubic-bezier(0.4, 0, 0.2, 1);
  --k-ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  --k-container: 1280px;
}