/* Q-CTRL Color Palette (CSS Custom Properties in RGB format) */

:root {
  /* Link & UI Colors */
  --qctrl-link-color: rgb(164, 109, 242);

  /* Brand Colors */
  --qctrl-brand-primary: rgb(104, 12, 233);
  --qctrl-brand-accent: rgb(191, 4, 220);
  --qctrl-brand-secondary: rgb(30, 0, 51);
  --qctrl-brand-dark: rgb(37, 13, 46);

  /* Theme Colors (Semantic) */
  --qctrl-primary-light: rgb(148, 78, 250);
  --qctrl-primary: rgb(104, 12, 233);
  --qctrl-primary-dark: rgb(89, 0, 190);
  --qctrl-secondary-light: rgb(73, 0, 143);
  --qctrl-secondary: rgb(30, 0, 51);
  --qctrl-secondary-dark: rgb(53, 0, 97);
  --qctrl-success-light: rgb(135, 232, 145);
  --qctrl-success: rgb(87, 205, 113);
  --qctrl-success-dark: rgb(50, 168, 87);
  --qctrl-info-light: rgb(144, 201, 247);
  --qctrl-info: rgb(100, 160, 235);
  --qctrl-info-dark: rgb(65, 119, 216);
  --qctrl-warning-light: rgb(234, 227, 136);
  --qctrl-warning: rgb(206, 207, 88);
  --qctrl-warning-dark: rgb(162, 169, 51);
  --qctrl-danger-light: rgb(247, 144, 146);
  --qctrl-danger: rgb(235, 100, 103);
  --qctrl-danger-dark: rgb(216, 65, 68);
  --qctrl-dark: rgb(52, 46, 50);
  --qctrl-black: rgb(0, 0, 0);
  --qctrl-white: rgb(255, 255, 255);

  /* Base Colors */
  --qctrl-base-violet: rgb(104, 12, 233);
  --qctrl-base-magenta: rgb(191, 4, 220);
  --qctrl-base-blue: rgb(100, 160, 235);
  --qctrl-base-teal: rgb(87, 205, 200);
  --qctrl-base-green: rgb(87, 205, 113);
  --qctrl-base-yellow: rgb(206, 207, 88);
  --qctrl-base-orange: rgb(233, 140, 85);
  --qctrl-base-red: rgb(235, 100, 103);
  --qctrl-base-pink: rgb(235, 100, 182);
  --qctrl-base-gray: rgb(233, 231, 234);

  /* Gray Scale */
  --qctrl-gray-0: rgb(253, 248, 255);
  --qctrl-gray-100: rgb(248, 246, 249);
  --qctrl-gray-200: rgb(233, 231, 234);
  --qctrl-gray-300: rgb(207, 203, 206);
  --qctrl-gray-400: rgb(168, 163, 167);
  --qctrl-gray-500: rgb(123, 116, 121);
  --qctrl-gray-600: rgb(81, 75, 79);
  --qctrl-gray-700: rgb(52, 46, 50);
  --qctrl-gray-800: rgb(35, 30, 33);
  --qctrl-gray-900: rgb(26, 18, 23);

  /* Violet Palette */
  --qctrl-violet-0: rgb(246, 243, 255);
  --qctrl-violet-100: rgb(239, 228, 255);
  --qctrl-violet-200: rgb(220, 196, 255);
  --qctrl-violet-300: rgb(189, 144, 255);
  --qctrl-violet-400: rgb(148, 78, 250);
  --qctrl-violet-500: rgb(104, 12, 233);
  --qctrl-violet-600: rgb(89, 0, 190);
  --qctrl-violet-700: rgb(73, 0, 143);
  --qctrl-violet-800: rgb(53, 0, 97);
  --qctrl-violet-900: rgb(30, 0, 51);

  /* Magenta Palette */
  --qctrl-magenta-0: rgb(251, 243, 255);
  --qctrl-magenta-100: rgb(247, 221, 255);
  --qctrl-magenta-200: rgb(239, 184, 253);
  --qctrl-magenta-300: rgb(229, 131, 247);
  --qctrl-magenta-400: rgb(213, 67, 237);
  --qctrl-magenta-500: rgb(191, 4, 220);
  --qctrl-magenta-600: rgb(180, 0, 186);
  --qctrl-magenta-700: rgb(146, 0, 138);
  --qctrl-magenta-800: rgb(99, 0, 86);
  --qctrl-magenta-900: rgb(51, 0, 41);

  /* Blue Palette */
  --qctrl-blue-0: rgb(244, 253, 255);
  --qctrl-blue-100: rgb(194, 235, 253);
  --qctrl-blue-200: rgb(144, 201, 247);
  --qctrl-blue-300: rgb(100, 160, 235);
  --qctrl-blue-400: rgb(65, 119, 216);
  --qctrl-blue-500: rgb(39, 83, 191);
  --qctrl-blue-600: rgb(22, 55, 161);
  --qctrl-blue-700: rgb(11, 35, 129);
  --qctrl-blue-800: rgb(5, 21, 96);
  --qctrl-blue-900: rgb(2, 13, 64);

  /* Teal Palette */
  --qctrl-teal-0: rgb(244, 255, 252);
  --qctrl-teal-100: rgb(190, 248, 236);
  --qctrl-teal-200: rgb(135, 232, 220);
  --qctrl-teal-300: rgb(87, 205, 200);
  --qctrl-teal-400: rgb(50, 164, 168);
  --qctrl-teal-500: rgb(26, 119, 127);
  --qctrl-teal-600: rgb(12, 81, 90);
  --qctrl-teal-700: rgb(5, 54, 62);
  --qctrl-teal-800: rgb(2, 39, 45);
  --qctrl-teal-900: rgb(1, 32, 38);

  /* Green Palette */
  --qctrl-green-0: rgb(246, 255, 244);
  --qctrl-green-100: rgb(192, 248, 190);
  --qctrl-green-200: rgb(135, 232, 145);
  --qctrl-green-300: rgb(87, 205, 113);
  --qctrl-green-400: rgb(50, 168, 87);
  --qctrl-green-500: rgb(26, 127, 64);
  --qctrl-green-600: rgb(12, 90, 45);
  --qctrl-green-700: rgb(5, 62, 32);
  --qctrl-green-800: rgb(2, 45, 23);
  --qctrl-green-900: rgb(1, 38, 20);

  /* Yellow Palette */
  --qctrl-yellow-0: rgb(255, 252, 244);
  --qctrl-yellow-100: rgb(249, 240, 191);
  --qctrl-yellow-200: rgb(234, 227, 136);
  --qctrl-yellow-300: rgb(206, 207, 88);
  --qctrl-yellow-400: rgb(162, 169, 51);
  --qctrl-yellow-500: rgb(114, 125, 25);
  --qctrl-yellow-600: rgb(74, 85, 11);
  --qctrl-yellow-700: rgb(48, 56, 5);
  --qctrl-yellow-800: rgb(33, 39, 2);
  --qctrl-yellow-900: rgb(27, 33, 1);

  /* Orange Palette */
  --qctrl-orange-0: rgb(255, 247, 244);
  --qctrl-orange-100: rgb(253, 208, 188);
  --qctrl-orange-200: rgb(246, 171, 133);
  --qctrl-orange-300: rgb(233, 140, 85);
  --qctrl-orange-400: rgb(214, 114, 47);
  --qctrl-orange-500: rgb(187, 91, 22);
  --qctrl-orange-600: rgb(155, 70, 6);
  --qctrl-orange-700: rgb(121, 53, 0);
  --qctrl-orange-800: rgb(85, 38, 0);
  --qctrl-orange-900: rgb(51, 23, 0);

  /* Red Palette */
  --qctrl-red-0: rgb(255, 244, 244);
  --qctrl-red-100: rgb(253, 194, 196);
  --qctrl-red-200: rgb(247, 144, 146);
  --qctrl-red-300: rgb(235, 100, 103);
  --qctrl-red-400: rgb(216, 65, 68);
  --qctrl-red-500: rgb(191, 39, 42);
  --qctrl-red-600: rgb(161, 22, 24);
  --qctrl-red-700: rgb(129, 11, 13);
  --qctrl-red-800: rgb(96, 5, 7);
  --qctrl-red-900: rgb(64, 2, 3);

  /* Pink Palette */
  --qctrl-pink-0: rgb(255, 244, 255);
  --qctrl-pink-100: rgb(253, 194, 245);
  --qctrl-pink-200: rgb(247, 144, 219);
  --qctrl-pink-300: rgb(235, 100, 182);
  --qctrl-pink-400: rgb(216, 65, 144);
  --qctrl-pink-500: rgb(191, 39, 108);
  --qctrl-pink-600: rgb(161, 22, 78);
  --qctrl-pink-700: rgb(129, 11, 54);
  --qctrl-pink-800: rgb(96, 5, 37);
  --qctrl-pink-900: rgb(64, 2, 23);

  /* Translucent variants for admonition backgrounds (15% opacity) */
  --qctrl-primary-translucent: rgb(from var(--qctrl-primary) r g b / 0.15);
  --qctrl-success-translucent: rgb(from var(--qctrl-success) r g b / 0.15);
  --qctrl-info-translucent: rgb(from var(--qctrl-info) r g b / 0.15);
  --qctrl-warning-translucent: rgb(from var(--qctrl-warning) r g b / 0.15);
  --qctrl-danger-translucent: rgb(from var(--qctrl-danger) r g b / 0.15);
  --qctrl-base-orange-translucent: rgb(from var(--qctrl-base-orange) r g b / 0.15);
  --qctrl-base-teal-translucent: rgb(from var(--qctrl-base-teal) r g b / 0.15);
}