:root {
  /* Colors */
  /* Primary color */
  --primary-50: #fff0ed;
  --primary-100: #ffe5e0;
  --primary-200: #ffc9bb;
  --primary-300: #ffae98;
  --primary-400: #ff946e;
  --primary-500: #ff7318;
  --primary-600: #ce5b14;
  --primary-700: #9a440e;
  --primary-800: #6a2f09;
  --primary-900: #421d06;
  --primary-950: #2d1404;

  /* Secondary color */
  --secondary-50: #e0f0ff;
  --secondary-100: #c5e1ff;
  --secondary-200: #8fc3ff;
  --secondary-300: #5aa5ff;
  --secondary-400: #2d87ff;
  --secondary-500: #0069ff;
  --secondary-600: #0054cc;
  --secondary-700: #003f99;
  --secondary-800: #002b66;
  --secondary-900: #001842;
  --secondary-950: #060942;

  /* Support color */
  --support-50: #fcfcfc;
  --support-100: #f9f9f9;
  --support-200: #f3f3f3;
  --support-300: #ededed;
  --support-400: #e4e4e4;
  --support-500: #dfdfdf;
  --support-600: #adacad;
  --support-700: #808080;
  --support-800: #565656;
  --support-900: #303030;
  --support-950: #1f1f1f;

  /* Defaults */
  --primary: var(--primary-500);
  --secondary: var(--secondary-500);
  --support: var(--support-500);
  --black: #000000;
  --white: #ffffff;

  /* Status colors */
  --error: #ff4949;
  --success: #6FFF00;

  /* Utilities */
  /* Radius */
  --radius-sm: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
}