:root {
  /* Primary */
  --primary-50: oklch(98.6% 0.032 119.9);
  --primary-100: oklch(96.8% 0.09 119.9);
  --primary-200: oklch(95% 0.15 119.9);
  --primary-300: oklch(93.8% 0.195 119.9);
  --primary-400: oklch(92.86% 0.22 119.9);
  --primary-500: oklch(86% 0.2 119.9);
  --primary-600: oklch(77% 0.18 119.9);
  --primary-700: oklch(65% 0.15 119.9);
  --primary-800: oklch(53% 0.125 119.9);
  --primary-900: oklch(42% 0.098 119.9);
  --primary-950: oklch(27% 0.058 119.9);
  --primary: var(--primary-400);
  --primary-hover: var(--secondary-500);

  /* Secondary */
  --secondary-50: oklch(97.5% 0.014 50.94);
  --secondary-100: oklch(94.5% 0.031 50.94);
  --secondary-200: oklch(90% 0.059 50.94);
  --secondary-300: oklch(84% 0.099 50.94);
  --secondary-400: oklch(79% 0.135 50.94);
  --secondary-500: oklch(72.45% 0.189 50.94);
  --secondary-600: oklch(68% 0.177 50.94);
  --secondary-700: oklch(58% 0.151 50.94);
  --secondary-800: oklch(47% 0.123 50.94);
  --secondary-900: oklch(35% 0.091 50.94);
  --secondary-950: oklch(17% 0.042 50.94);
  --secondary: var(--secondary-700);
  --secondary-hover: var(--secondary-800);

  /* Base */
  --text-color: oklch(38% 0.011 250);
  --heading-color: oklch(20% 0.009 250);
  --body-color: oklch(99.1% 0.004 271);
  --border-color: oklch(89% 0.008 75);

  /* Background */
  --bg-dark: oklch(17% 0.012 250);
  --bg-muted: oklch(95% 0.006 250);

  /* White */
  --white: oklch(100% 0 0);
  --white-95: oklch(100% 0 0 / 0.95);
  --white-90: oklch(100% 0 0 / 0.9);
  --white-80: oklch(100% 0 0 / 0.8);
  --white-70: oklch(100% 0 0 / 0.7);
  --white-60: oklch(100% 0 0 / 0.6);
  --white-50: oklch(100% 0 0 / 0.5);
  --white-40: oklch(100% 0 0 / 0.4);
  --white-30: oklch(100% 0 0 / 0.3);
  --white-20: oklch(100% 0 0 / 0.2);
  --white-10: oklch(100% 0 0 / 0.1);
  --white-5: oklch(100% 0 0 / 0.05);

  /* Black */
  --black: oklch(0% 0 0);
  --black-95: oklch(0% 0 0 / 0.95);
  --black-90: oklch(0% 0 0 / 0.9);
  --black-80: oklch(0% 0 0 / 0.8);
  --black-70: oklch(0% 0 0 / 0.7);
  --black-60: oklch(0% 0 0 / 0.6);
  --black-50: oklch(0% 0 0 / 0.5);
  --black-40: oklch(0% 0 0 / 0.4);
  --black-30: oklch(0% 0 0 / 0.3);
  --black-20: oklch(0% 0 0 / 0.2);
  --black-10: oklch(0% 0 0 / 0.1);
  --black-5: oklch(0% 0 0 / 0.05);

  /* Success */
  --success-50: oklch(98.2% 0.018 155.826);
  --success-100: oklch(96.2% 0.044 156.743);
  --success-200: oklch(92.5% 0.084 155.995);
  --success-300: oklch(87.1% 0.15 154.449);
  --success-400: oklch(79.2% 0.209 151.711);
  --success-500: oklch(72.3% 0.219 149.579);
  --success-600: oklch(62.7% 0.194 149.214);
  --success-700: oklch(52.7% 0.154 150.069);
  --success-800: oklch(44.8% 0.119 151.328);
  --success-900: oklch(39.3% 0.095 152.535);
  --success-950: oklch(26.6% 0.065 152.934);
  --success: var(--success-700);
  --success-hover: var(--success-800);

  /* Danger */
  --danger-50: oklch(97.1% 0.013 17.38);
  --danger-100: oklch(93.6% 0.032 17.717);
  --danger-200: oklch(88.5% 0.062 18.334);
  --danger-300: oklch(80.8% 0.114 19.571);
  --danger-400: oklch(70.4% 0.191 22.216);
  --danger-500: oklch(63.7% 0.237 25.331);
  --danger-600: oklch(57.7% 0.245 27.325);
  --danger-700: oklch(50.5% 0.213 27.518);
  --danger-800: oklch(44.4% 0.177 26.899);
  --danger-900: oklch(39.6% 0.141 25.723);
  --danger-950: oklch(25.8% 0.092 26.042);
  --danger: var(--danger-600);
  --danger-hover: var(--danger-700);

  /* Warning */
  --warning-50: oklch(98.7% 0.022 95.277);
  --warning-100: oklch(96.2% 0.059 95.617);
  --warning-200: oklch(92.4% 0.12 95.746);
  --warning-300: oklch(87.9% 0.169 91.605);
  --warning-400: oklch(82.8% 0.189 84.429);
  --warning-500: oklch(76.9% 0.188 70.08);
  --warning-600: oklch(66.6% 0.179 58.318);
  --warning-700: oklch(55.5% 0.163 48.998);
  --warning-800: oklch(47.3% 0.137 46.201);
  --warning-900: oklch(41.4% 0.112 45.904);
  --warning-950: oklch(27.9% 0.077 45.635);
  --warning: var(--warning-700);
  --warning-hover: var(--warning-800);

  /* Info */
  --info-50: oklch(98.4% 0.019 200.873);
  --info-100: oklch(95.6% 0.045 203.388);
  --info-200: oklch(91.7% 0.08 205.041);
  --info-300: oklch(86.5% 0.127 207.078);
  --info-400: oklch(78.9% 0.154 211.53);
  --info-500: oklch(71.5% 0.143 215.221);
  --info-600: oklch(60.9% 0.126 221.723);
  --info-700: oklch(52% 0.105 223.128);
  --info-800: oklch(45% 0.085 224.283);
  --info-900: oklch(39.8% 0.07 227.392);
  --info-950: oklch(30.2% 0.056 229.695);
  --info: var(--info-700);
  --info-hover: var(--info-800);

  /* Colors */
  --coral: oklch(70% 0.16 13);
  --red: oklch(70.2% 0.16 32);
  --orange: oklch(71.9% 0.16 55);
  --amber: oklch(78.7% 0.16 78);
  --yellow: oklch(84% 0.16 100);
  --lime: oklch(78% 0.16 124);
  --green: oklch(71.6% 0.16 147);
  --emerald: oklch(70.2% 0.1439 167);
  --teal: oklch(70% 0.1223 187);
  --cyan: oklch(70% 0.1201 207);
  --sky: oklch(70% 0.1395 230);
  --azure: oklch(70% 0.16 251);
  --indigo: oklch(70% 0.1573 274);
  --violet: oklch(70% 0.16 295);
  --purple: oklch(70% 0.16 316);
  --magenta: oklch(70% 0.16 336);
  --pink: oklch(70% 0.16 356);
  --brown: oklch(50% 0.09 55);
  --gray: oklch(70% 0.012 250);
}