/* Core Color Tokens */
:root {
  /* Base colors */
  --colors-black: #000000;
  --colors-white: #ffffff;

  /* Primary scale (Lunar Vibrant 1.0) */
  --colors-primary-50: #f0edff;
  --colors-primary-100: #dad9f6;
  --colors-primary-200: #b8b7f0;
  --colors-primary-300: #9693eb;
  --colors-primary-400: #746de7;
  --colors-primary-500: #5147e4;
  --colors-primary-600: #3126dc;
  --colors-primary-700: #2921b8;
  --colors-primary-800: #231c92;
  --colors-primary-900: #1c176e;
  --colors-primary-950: #14114b;

  /* Secondary scale (Lunar Vibrant 1.0) */
  --colors-secondary-50: #ffd6ef;
  --colors-secondary-100: #ffa6db;
  --colors-secondary-200: #ff7ccb;
  --colors-secondary-300: #ff53ba;
  --colors-secondary-400: #ff29a9;
  --colors-secondary-500: #ff0098;
  --colors-secondary-600: #f01296;
  --colors-secondary-700: #ad0067;
  --colors-secondary-800: #83004e;
  --colors-secondary-900: #5a0035;
  --colors-secondary-950: #31001d;

  /* Route activity */
  --colors-route-active: #b4108b;
  --colors-route-active-shadow: #b4108b66;
  --colors-route-active-ring: #b4108b14;

  /* Dashboard metric cards */
  --colors-dashboard-metric-card-start: #fbefff;
  --colors-dashboard-metric-card-end: #e8e8ff;
  --colors-dashboard-metric-card-icon-bg: rgb(255 255 255 / 0.3);
  --colors-dashboard-metric-card-icon-border: var(--colors-white);

  /* Gray scale (Lunar Vibrant 1.0) */
  --colors-gray-50: #fafafa;
  --colors-gray-100: #f4f4f5;
  --colors-gray-200: #e4e4e7;
  --colors-gray-300: #d1d1d6;
  --colors-gray-400: #a0a0ab;
  --colors-gray-500: #70707b;
  --colors-gray-600: #51525c;
  --colors-gray-700: #3f3f46;
  --colors-gray-800: #26272b;
  --colors-gray-900: #1a1a1e;
  --colors-gray-950: #131316;

  /* Warning scale (Lunar Vibrant 1.0) */
  --colors-warning-50: #fefce8;
  --colors-warning-100: #fef9c3;
  --colors-warning-200: #fef08a;
  --colors-warning-300: #fde047;
  --colors-warning-400: #facc15;
  --colors-warning-500: #eab308;
  --colors-warning-600: #ca8a04;
  --colors-warning-700: #a16207;
  --colors-warning-800: #854d0e;
  --colors-warning-900: #713f12;
  --colors-warning-950: #422006;

  /* Info scale (Lunar Vibrant 1.0) */
  --colors-info-50: #f0f9ff;
  --colors-info-100: #e1f2fd;
  --colors-info-200: #bbe6fc;
  --colors-info-300: #80d3f9;
  --colors-info-400: #3cbdf4;
  --colors-info-500: #13abec;
  --colors-info-600: #0685c3;
  --colors-info-700: #066a9e;
  --colors-info-800: #0a5982;
  --colors-info-900: #0e4a6c;
  --colors-info-950: #092f48;

  /* Error scale (Lunar Vibrant 1.0) */
  --colors-error-50: #fff0f4;
  --colors-error-100: #ffe2e9;
  --colors-error-200: #ffcad9;
  --colors-error-300: #ff9fba;
  --colors-error-400: #ff6997;
  --colors-error-500: #ff246d;
  --colors-error-600: #ed1165;
  --colors-error-700: #c80856;
  --colors-error-800: #a8094f;
  --colors-error-900: #8f0c4a;
  --colors-error-950: #500124;

  /* Success scale (Lunar Vibrant 1.0) */
  --colors-success-50: #f0fdf4;
  --colors-success-100: #dcfce7;
  --colors-success-200: #a9efc5;
  --colors-success-300: #86efac;
  --colors-success-400: #4ade80;
  --colors-success-500: #22c55e;
  --colors-success-600: #16a34a;
  --colors-success-700: #15803d;
  --colors-success-800: #166534;
  --colors-success-900: #14532d;
  --colors-success-950: #052e16;

  /* Legacy color scales (deprecated - use semantic scales above) */

  /* Red scale */
  --colors-red-100: #fff5f5;
  --colors-red-200: #fed7d7;
  --colors-red-300: #feb2b2;
  --colors-red-400: #fc8181;
  --colors-red-500: #f56565;
  --colors-red-600: #e53e3e;
  --colors-red-700: #c53030;
  --colors-red-800: #9b2c2c;
  --colors-red-900: #742a2a;

  /* Orange scale */
  --colors-orange-100: #fffaf0;
  --colors-orange-200: #feebc8;
  --colors-orange-300: #fbd38d;
  --colors-orange-400: #f6ad55;
  --colors-orange-500: #ed8936;
  --colors-orange-600: #dd6b20;
  --colors-orange-700: #c05621;
  --colors-orange-800: #9c4221;
  --colors-orange-900: #7b341e;

  /* Yellow scale */
  --colors-yellow-100: #fffff0;
  --colors-yellow-200: #fefcbf;
  --colors-yellow-300: #faf089;
  --colors-yellow-400: #f6e05e;
  --colors-yellow-500: #ecc94b;
  --colors-yellow-600: #d69e2e;
  --colors-yellow-700: #b7791f;
  --colors-yellow-800: #975a16;
  --colors-yellow-900: #744210;

  /* Green scale */
  --colors-green-100: #f0fff4;
  --colors-green-200: #c6f6d5;
  --colors-green-300: #9ae6b4;
  --colors-green-400: #68d391;
  --colors-green-500: #48bb78;
  --colors-green-600: #38a169;
  --colors-green-700: #2f855a;
  --colors-green-800: #276749;
  --colors-green-900: #22543d;

  /* Teal scale */
  --colors-teal-100: #e6fffa;
  --colors-teal-200: #b2f5ea;
  --colors-teal-300: #81e6d9;
  --colors-teal-400: #4fd1c5;
  --colors-teal-500: #38b2ac;
  --colors-teal-600: #319795;
  --colors-teal-700: #2c7a7b;
  --colors-teal-800: #285e61;
  --colors-teal-900: #234e52;

  /* Blue scale */
  --colors-blue-100: #ebf8ff;
  --colors-blue-200: #bee3f8;
  --colors-blue-300: #90cdf4;
  --colors-blue-400: #63b3ed;
  --colors-blue-500: #4299e1;
  --colors-blue-600: #3182ce;
  --colors-blue-700: #2b6cb0;
  --colors-blue-800: #2c5282;
  --colors-blue-900: #2a4365;

  /* Indigo scale */
  --colors-indigo-100: #ebf4ff;
  --colors-indigo-200: #c3dafe;
  --colors-indigo-300: #a3bffa;
  --colors-indigo-400: #7f9cf5;
  --colors-indigo-500: #667eea;
  --colors-indigo-600: #5a67d8;
  --colors-indigo-700: #4c51bf;
  --colors-indigo-800: #434190;
  --colors-indigo-900: #3c366b;

  /* Purple scale */
  --colors-purple-100: #faf5ff;
  --colors-purple-200: #e9d8fd;
  --colors-purple-300: #d6bcfa;
  --colors-purple-400: #b794f4;
  --colors-purple-500: #9f7aea;
  --colors-purple-600: #805ad5;
  --colors-purple-700: #6b46c1;
  --colors-purple-800: #553c9a;
  --colors-purple-900: #44337a;

  /* Pink scale */
  --colors-pink-100: #fff5f7;
  --colors-pink-200: #fed7e2;
  --colors-pink-300: #fbb6ce;
  --colors-pink-400: #f687b3;
  --colors-pink-500: #ed64a6;
  --colors-pink-600: #d53f8c;
  --colors-pink-700: #b83280;
  --colors-pink-800: #97266d;
  --colors-pink-900: #702459;

  /* Opacity tokens */
  --opacity-low: 0.1;
  --opacity-md: 0.5;
  --opacity-high: 0.9;
}
