/* Planka forced high-contrast light theme */
html,
body,
body#app,
.g-root,
.g-root_theme_dark,
.g-root_theme_dark-hc,
.g-root_theme_light,
.g-root_theme_light-hc {
  --g-color-private-white-50: rgba(255, 255, 255, .05);
  --g-color-private-white-70: rgba(255, 255, 255, .07);
  --g-color-private-white-100: rgba(255, 255, 255, .1);
  --g-color-private-white-150: rgba(255, 255, 255, .15);
  --g-color-private-white-200: rgba(255, 255, 255, .2);
  --g-color-private-white-250: rgba(255, 255, 255, .25);
  --g-color-private-white-300: rgba(255, 255, 255, .3);
  --g-color-private-white-350: rgba(255, 255, 255, .35);
  --g-color-private-white-400: rgba(255, 255, 255, .4);
  --g-color-private-white-450: rgba(255, 255, 255, .45);
  --g-color-private-white-500: rgba(255, 255, 255, .5);
  --g-color-private-white-550: rgba(255, 255, 255, .55);
  --g-color-private-white-600: rgba(255, 255, 255, .6);
  --g-color-private-white-650: rgba(255, 255, 255, .65);
  --g-color-private-white-700: rgba(255, 255, 255, .7);
  --g-color-private-white-750: rgba(255, 255, 255, .75);
  --g-color-private-white-800: rgba(255, 255, 255, .8);
  --g-color-private-white-850: rgba(255, 255, 255, .85);
  --g-color-private-white-900: rgba(255, 255, 255, .9);
  --g-color-private-white-950: rgba(255, 255, 255, .95);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  --g-color-private-black-50: rgba(0, 0, 0, .05);
  --g-color-private-black-70: rgba(0, 0, 0, .07);
  --g-color-private-black-100: rgba(0, 0, 0, .1);
  --g-color-private-black-150: rgba(0, 0, 0, .15);
  --g-color-private-black-200: rgba(0, 0, 0, .2);
  --g-color-private-black-250: rgba(0, 0, 0, .25);
  --g-color-private-black-300: rgba(0, 0, 0, .3);
  --g-color-private-black-350: rgba(0, 0, 0, .35);
  --g-color-private-black-400: rgba(0, 0, 0, .4);
  --g-color-private-black-450: rgba(0, 0, 0, .45);
  --g-color-private-black-500: rgba(0, 0, 0, .5);
  --g-color-private-black-550: rgba(0, 0, 0, .55);
  --g-color-private-black-600: rgba(0, 0, 0, .6);
  --g-color-private-black-650: rgba(0, 0, 0, .65);
  --g-color-private-black-700: rgba(0, 0, 0, .7);
  --g-color-private-black-750: rgba(0, 0, 0, .75);
  --g-color-private-black-800: rgba(0, 0, 0, .8);
  --g-color-private-black-850: rgba(0, 0, 0, .85);
  --g-color-private-black-900: rgba(0, 0, 0, .9);
  --g-color-private-black-950: rgba(0, 0, 0, .95);
  --g-color-private-black-20-solid: rgb(250, 250, 250);
  --g-color-private-black-50-solid: rgb(242, 242, 242);
  --g-color-private-black-100-solid: rgb(229, 229, 229);
  --g-color-private-black-150-solid: rgb(217, 217, 217);
  --g-color-private-black-200-solid: rgb(204, 204, 204);
  --g-color-private-black-250-solid: rgb(191, 191, 191);
  --g-color-private-black-300-solid: rgb(179, 179, 179);
  --g-color-private-black-350-solid: rgb(166, 166, 166);
  --g-color-private-black-400-solid: rgb(153, 153, 153);
  --g-color-private-black-450-solid: rgb(140, 140, 140);
  --g-color-private-black-500-solid: rgb(128, 128, 128);
  --g-color-private-black-550-solid: rgb(115, 115, 115);
  --g-color-private-black-600-solid: rgb(102, 102, 102);
  --g-color-private-black-650-solid: rgb(89, 89, 89);
  --g-color-private-black-700-solid: rgb(76, 76, 76);
  --g-color-private-black-750-solid: rgb(64, 64, 64);
  --g-color-private-black-800-solid: rgb(51, 51, 51);
  --g-color-private-black-850-solid: rgb(38, 38, 38);
  --g-color-private-black-900-solid: rgb(26, 26, 26);
  --g-color-private-black-950-solid: rgb(13, 13, 13);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, .1);
  --g-color-private-blue-100: rgba(54, 151, 241, .15);
  --g-color-private-blue-150: rgba(54, 151, 241, .2);
  --g-color-private-blue-200: rgba(54, 151, 241, .3);
  --g-color-private-blue-250: rgba(54, 151, 241, .4);
  --g-color-private-blue-300: rgba(54, 151, 241, .5);
  --g-color-private-blue-350: rgba(54, 151, 241, .6);
  --g-color-private-blue-400: rgba(54, 151, 241, .7);
  --g-color-private-blue-450: rgba(54, 151, 241, .8);
  --g-color-private-blue-500: rgba(54, 151, 241, .9);
  --g-color-private-blue-50-solid: rgb(235, 245, 254);
  --g-color-private-blue-100-solid: rgb(225, 239, 253);
  --g-color-private-blue-150-solid: rgb(215, 234, 252);
  --g-color-private-blue-200-solid: rgb(195, 224, 251);
  --g-color-private-blue-250-solid: rgb(175, 213, 249);
  --g-color-private-blue-300-solid: rgb(155, 203, 248);
  --g-color-private-blue-350-solid: rgb(134, 193, 247);
  --g-color-private-blue-400-solid: rgb(114, 182, 245);
  --g-color-private-blue-450-solid: rgb(94, 172, 244);
  --g-color-private-blue-500-solid: rgb(74, 161, 242);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(52, 139, 220);
  --g-color-private-blue-650-solid: rgb(50, 127, 200);
  --g-color-private-blue-700-solid: rgb(48, 114, 179);
  --g-color-private-blue-750-solid: rgb(46, 102, 158);
  --g-color-private-blue-800-solid: rgb(44, 90, 138);
  --g-color-private-blue-850-solid: rgb(42, 78, 117);
  --g-color-private-blue-900-solid: rgb(40, 66, 96);
  --g-color-private-blue-950-solid: rgb(38, 53, 75);
  --g-color-private-blue-1000-solid: rgb(37, 47, 65);
  --g-color-private-green-50: rgba(50, 186, 118, .1);
  --g-color-private-green-100: rgba(50, 186, 118, .15);
  --g-color-private-green-150: rgba(50, 186, 118, .2);
  --g-color-private-green-200: rgba(50, 186, 118, .3);
  --g-color-private-green-250: rgba(50, 186, 118, .4);
  --g-color-private-green-300: rgba(50, 186, 118, .5);
  --g-color-private-green-350: rgba(50, 186, 118, .6);
  --g-color-private-green-400: rgba(50, 186, 118, .7);
  --g-color-private-green-450: rgba(50, 186, 118, .8);
  --g-color-private-green-500: rgba(50, 186, 118, .9);
  --g-color-private-green-50-solid: rgb(235, 248, 241);
  --g-color-private-green-100-solid: rgb(224, 245, 234);
  --g-color-private-green-150-solid: rgb(214, 241, 228);
  --g-color-private-green-200-solid: rgb(194, 234, 214);
  --g-color-private-green-250-solid: rgb(173, 227, 200);
  --g-color-private-green-300-solid: rgb(153, 221, 187);
  --g-color-private-green-350-solid: rgb(132, 214, 173);
  --g-color-private-green-400-solid: rgb(112, 207, 159);
  --g-color-private-green-450-solid: rgb(91, 200, 145);
  --g-color-private-green-500-solid: rgb(71, 193, 132);
  --g-color-private-green-550-solid: rgb(50, 186, 118);
  --g-color-private-green-600-solid: rgb(48, 170, 110);
  --g-color-private-green-650-solid: rgb(47, 155, 101);
  --g-color-private-green-700-solid: rgb(45, 139, 93);
  --g-color-private-green-750-solid: rgb(44, 123, 84);
  --g-color-private-green-800-solid: rgb(42, 108, 76);
  --g-color-private-green-850-solid: rgb(40, 92, 68);
  --g-color-private-green-900-solid: rgb(39, 76, 59);
  --g-color-private-green-950-solid: rgb(37, 60, 51);
  --g-color-private-green-1000-solid: rgb(36, 53, 47);
  --g-color-private-yellow-50: rgba(255, 190, 92, .1);
  --g-color-private-yellow-100: rgba(255, 190, 92, .15);
  --g-color-private-yellow-150: rgba(255, 190, 92, .2);
  --g-color-private-yellow-200: rgba(255, 190, 92, .3);
  --g-color-private-yellow-250: rgba(255, 190, 92, .4);
  --g-color-private-yellow-300: rgba(255, 190, 92, .5);
  --g-color-private-yellow-350: rgba(255, 190, 92, .6);
  --g-color-private-yellow-400: rgba(255, 190, 92, .7);
  --g-color-private-yellow-450: rgba(255, 190, 92, .8);
  --g-color-private-yellow-500: rgba(255, 190, 92, .9);
  --g-color-private-yellow-50-solid: rgb(255, 249, 239);
  --g-color-private-yellow-100-solid: rgb(255, 245, 231);
  --g-color-private-yellow-150-solid: rgb(255, 242, 222);
  --g-color-private-yellow-200-solid: rgb(255, 236, 206);
  --g-color-private-yellow-250-solid: rgb(255, 229, 190);
  --g-color-private-yellow-300-solid: rgb(255, 223, 174);
  --g-color-private-yellow-350-solid: rgb(255, 216, 157);
  --g-color-private-yellow-400-solid: rgb(255, 210, 141);
  --g-color-private-yellow-450-solid: rgb(255, 203, 125);
  --g-color-private-yellow-500-solid: rgb(255, 197, 108);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(233, 174, 86);
  --g-color-private-yellow-650-solid: rgb(211, 158, 80);
  --g-color-private-yellow-700-solid: rgb(189, 142, 75);
  --g-color-private-yellow-750-solid: rgb(167, 126, 69);
  --g-color-private-yellow-800-solid: rgb(145, 110, 63);
  --g-color-private-yellow-850-solid: rgb(122, 93, 57);
  --g-color-private-yellow-900-solid: rgb(100, 77, 51);
  --g-color-private-yellow-950-solid: rgb(78, 61, 46);
  --g-color-private-yellow-1000-solid: rgb(67, 53, 43);
  --g-color-private-orange-50: rgba(255, 119, 0, .1);
  --g-color-private-orange-100: rgba(255, 119, 0, .15);
  --g-color-private-orange-150: rgba(255, 119, 0, .2);
  --g-color-private-orange-200: rgba(255, 119, 0, .3);
  --g-color-private-orange-250: rgba(255, 119, 0, .4);
  --g-color-private-orange-300: rgba(255, 119, 0, .5);
  --g-color-private-orange-350: rgba(255, 119, 0, .6);
  --g-color-private-orange-400: rgba(255, 119, 0, .7);
  --g-color-private-orange-450: rgba(255, 119, 0, .8);
  --g-color-private-orange-500: rgba(255, 119, 0, .9);
  --g-color-private-orange-50-solid: rgb(255, 241, 230);
  --g-color-private-orange-100-solid: rgb(255, 235, 217);
  --g-color-private-orange-150-solid: rgb(255, 228, 204);
  --g-color-private-orange-200-solid: rgb(255, 214, 179);
  --g-color-private-orange-250-solid: rgb(255, 201, 153);
  --g-color-private-orange-300-solid: rgb(255, 187, 128);
  --g-color-private-orange-350-solid: rgb(255, 173, 102);
  --g-color-private-orange-400-solid: rgb(255, 160, 77);
  --g-color-private-orange-450-solid: rgb(255, 146, 51);
  --g-color-private-orange-500-solid: rgb(255, 133, 25);
  --g-color-private-orange-550-solid: rgb(255, 119, 0);
  --g-color-private-orange-600-solid: rgb(233, 110, 3);
  --g-color-private-orange-650-solid: rgb(211, 101, 7);
  --g-color-private-orange-700-solid: rgb(189, 92, 10);
  --g-color-private-orange-750-solid: rgb(167, 83, 14);
  --g-color-private-orange-800-solid: rgb(145, 74, 17);
  --g-color-private-orange-850-solid: rgb(122, 65, 20);
  --g-color-private-orange-900-solid: rgb(100, 56, 24);
  --g-color-private-orange-950-solid: rgb(78, 47, 27);
  --g-color-private-orange-1000-solid: rgb(67, 43, 29);
  --g-color-private-red-50: rgba(255, 0, 61, .1);
  --g-color-private-red-100: rgba(255, 0, 61, .15);
  --g-color-private-red-150: rgba(255, 0, 61, .2);
  --g-color-private-red-200: rgba(255, 0, 61, .3);
  --g-color-private-red-250: rgba(255, 0, 61, .4);
  --g-color-private-red-300: rgba(255, 0, 61, .5);
  --g-color-private-red-350: rgba(255, 0, 61, .6);
  --g-color-private-red-400: rgba(255, 0, 61, .7);
  --g-color-private-red-450: rgba(255, 0, 61, .8);
  --g-color-private-red-500: rgba(255, 0, 61, .9);
  --g-color-private-red-50-solid: rgb(255, 230, 236);
  --g-color-private-red-100-solid: rgb(255, 217, 226);
  --g-color-private-red-150-solid: rgb(255, 204, 216);
  --g-color-private-red-200-solid: rgb(255, 179, 197);
  --g-color-private-red-250-solid: rgb(255, 153, 177);
  --g-color-private-red-300-solid: rgb(255, 128, 158);
  --g-color-private-red-350-solid: rgb(255, 102, 139);
  --g-color-private-red-400-solid: rgb(255, 77, 119);
  --g-color-private-red-450-solid: rgb(255, 51, 100);
  --g-color-private-red-500-solid: rgb(255, 25, 80);
  --g-color-private-red-550-solid: rgb(255, 0, 61);
  --g-color-private-red-600-solid: rgb(233, 3, 58);
  --g-color-private-red-650-solid: rgb(211, 6, 56);
  --g-color-private-red-700-solid: rgb(189, 9, 53);
  --g-color-private-red-750-solid: rgb(167, 12, 50);
  --g-color-private-red-800-solid: rgb(145, 15, 48);
  --g-color-private-red-850-solid: rgb(122, 17, 45);
  --g-color-private-red-900-solid: rgb(100, 20, 42);
  --g-color-private-red-950-solid: rgb(78, 23, 39);
  --g-color-private-red-1000-solid: rgb(67, 25, 38);
  --g-color-private-purple-50: rgba(143, 82, 204, .1);
  --g-color-private-purple-100: rgba(143, 82, 204, .15);
  --g-color-private-purple-150: rgba(143, 82, 204, .2);
  --g-color-private-purple-200: rgba(143, 82, 204, .3);
  --g-color-private-purple-250: rgba(143, 82, 204, .4);
  --g-color-private-purple-300: rgba(143, 82, 204, .5);
  --g-color-private-purple-350: rgba(143, 82, 204, .6);
  --g-color-private-purple-400: rgba(143, 82, 204, .7);
  --g-color-private-purple-450: rgba(143, 82, 204, .8);
  --g-color-private-purple-500: rgba(143, 82, 204, .9);
  --g-color-private-purple-50-solid: rgb(244, 238, 250);
  --g-color-private-purple-100-solid: rgb(238, 229, 247);
  --g-color-private-purple-150-solid: rgb(233, 220, 245);
  --g-color-private-purple-200-solid: rgb(221, 203, 240);
  --g-color-private-purple-250-solid: rgb(210, 186, 235);
  --g-color-private-purple-300-solid: rgb(199, 169, 230);
  --g-color-private-purple-350-solid: rgb(188, 151, 224);
  --g-color-private-purple-400-solid: rgb(177, 134, 219);
  --g-color-private-purple-450-solid: rgb(165, 117, 214);
  --g-color-private-purple-500-solid: rgb(154, 99, 209);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(132, 77, 187);
  --g-color-private-purple-650-solid: rgb(121, 71, 170);
  --g-color-private-purple-700-solid: rgb(110, 66, 153);
  --g-color-private-purple-750-solid: rgb(99, 61, 136);
  --g-color-private-purple-800-solid: rgb(89, 56, 119);
  --g-color-private-purple-850-solid: rgb(78, 50, 102);
  --g-color-private-purple-900-solid: rgb(67, 45, 85);
  --g-color-private-purple-950-solid: rgb(56, 40, 68);
  --g-color-private-purple-1000-solid: rgb(50, 37, 60);
  --g-color-private-cool-grey-50: rgba(107, 132, 153, .1);
  --g-color-private-cool-grey-100: rgba(107, 132, 153, .15);
  --g-color-private-cool-grey-150: rgba(107, 132, 153, .2);
  --g-color-private-cool-grey-200: rgba(107, 132, 153, .3);
  --g-color-private-cool-grey-250: rgba(107, 132, 153, .4);
  --g-color-private-cool-grey-300: rgba(107, 132, 153, .5);
  --g-color-private-cool-grey-350: rgba(107, 132, 153, .6);
  --g-color-private-cool-grey-400: rgba(107, 132, 153, .7);
  --g-color-private-cool-grey-450: rgba(107, 132, 153, .8);
  --g-color-private-cool-grey-500: rgba(107, 132, 153, .9);
  --g-color-private-cool-grey-50-solid: rgb(240, 243, 245);
  --g-color-private-cool-grey-100-solid: rgb(233, 237, 240);
  --g-color-private-cool-grey-150-solid: rgb(225, 230, 235);
  --g-color-private-cool-grey-200-solid: rgb(211, 218, 224);
  --g-color-private-cool-grey-250-solid: rgb(196, 206, 214);
  --g-color-private-cool-grey-300-solid: rgb(181, 194, 204);
  --g-color-private-cool-grey-350-solid: rgb(166, 181, 194);
  --g-color-private-cool-grey-400-solid: rgb(151, 169, 184);
  --g-color-private-cool-grey-450-solid: rgb(137, 157, 173);
  --g-color-private-cool-grey-500-solid: rgb(122, 144, 163);
  --g-color-private-cool-grey-550-solid: rgb(107, 132, 153);
  --g-color-private-cool-grey-600-solid: rgb(100, 122, 141);
  --g-color-private-cool-grey-650-solid: rgb(92, 111, 129);
  --g-color-private-cool-grey-700-solid: rgb(85, 101, 117);
  --g-color-private-cool-grey-750-solid: rgb(78, 91, 105);
  --g-color-private-cool-grey-800-solid: rgb(71, 81, 94);
  --g-color-private-cool-grey-850-solid: rgb(63, 70, 82);
  --g-color-private-cool-grey-900-solid: rgb(56, 60, 70);
  --g-color-private-cool-grey-950-solid: rgb(49, 50, 58);
  --g-color-private-cool-grey-1000-solid: rgb(45, 44, 52);
  --g-color-text-primary: var(--g-color-text-dark-primary);
  --g-color-text-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-hint: var(--g-color-text-dark-hint);
  --g-color-text-info: var(--g-color-private-blue-600-solid);
  --g-color-text-positive: var(--g-color-private-green-600-solid);
  --g-color-text-warning: var(--g-color-private-yellow-700-solid);
  --g-color-text-danger: var(--g-color-private-red-600-solid);
  --g-color-text-utility: var(--g-color-private-purple-600-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-700-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-700-solid);
  --g-color-text-warning-heavy: var(--g-color-private-orange-700-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-700-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-700-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-700-solid);
  --g-color-text-brand: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-heavy: var(--g-color-private-orange-700-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-650-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-650-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-550-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-850);
  --g-color-text-dark-complementary: var(--g-color-private-black-700);
  --g-color-text-dark-secondary: var(--g-color-private-black-500);
  --g-color-text-dark-hint: var(--g-color-private-black-300);
  --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
  --g-color-text-light-complementary: var(--g-color-private-white-850);
  --g-color-text-light-secondary: var(--g-color-private-white-700);
  --g-color-text-light-hint: var(--g-color-private-white-500);
  --g-color-text-inverted-primary: var(--g-color-text-light-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-light-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-light-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-light-hint);
  --g-color-base-background: var(--g-color-private-white-1000-solid);
  --g-color-base-generic: var(--g-color-private-black-50);
  --g-color-base-generic-hover: var(--g-color-private-black-150);
  --g-color-base-generic-medium: var(--g-color-private-black-150);
  --g-color-base-generic-medium-hover: var(--g-color-private-black-250);
  --g-color-base-generic-accent: var(--g-color-private-black-150);
  --g-color-base-generic-accent-disabled: var(--g-color-private-black-70);
  --g-color-base-generic-ultralight: var(--g-color-private-black-20-solid);
  --g-color-base-simple-hover: var(--g-color-private-black-50);
  --g-color-base-simple-hover-solid: var(--g-color-private-black-50-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-600-solid);
  --g-color-base-selection: var(--g-color-private-yellow-200);
  --g-color-base-selection-hover: var(--g-color-private-yellow-300);
  --g-color-base-info-light: var(--g-color-private-blue-100);
  --g-color-base-info-light-hover: var(--g-color-private-blue-200);
  --g-color-base-info-medium: var(--g-color-private-blue-200);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-300);
  --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
  --g-color-base-positive-light: var(--g-color-private-green-100);
  --g-color-base-positive-light-hover: var(--g-color-private-green-200);
  --g-color-base-positive-medium: var(--g-color-private-green-200);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-300);
  --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-200);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-300);
  --g-color-base-warning-medium: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-500);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-550-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-650-solid);
  --g-color-base-danger-light: var(--g-color-private-red-100);
  --g-color-base-danger-light-hover: var(--g-color-private-red-200);
  --g-color-base-danger-medium: var(--g-color-private-red-200);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-300);
  --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-100);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-200);
  --g-color-base-utility-medium: var(--g-color-private-purple-200);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-300);
  --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
  --g-color-base-neutral-light: var(--g-color-private-black-50);
  --g-color-base-neutral-light-hover: var(--g-color-private-black-100);
  --g-color-base-neutral-medium: var(--g-color-private-black-200);
  --g-color-base-neutral-medium-hover: var(--g-color-private-black-250);
  --g-color-base-neutral-heavy: var(--g-color-private-black-450);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-black-550);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-100);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-300);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-light: var(--g-color-private-white-1000-solid);
  --g-color-base-light-hover: var(--g-color-private-white-850);
  --g-color-base-light-simple-hover: var(--g-color-private-white-150);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-1000-solid);
  --g-color-base-float-hover: var(--g-color-private-black-50-solid);
  --g-color-base-float-medium: var(--g-color-private-black-550-solid);
  --g-color-base-float-heavy: var(--g-color-private-black-700-solid);
  --g-color-base-float-accent: var(--g-color-private-white-1000-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-850);
  --g-color-base-float-announcement: var(--g-color-private-cool-grey-50-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-black-100);
  --g-color-line-generic-hover: var(--g-color-private-black-150);
  --g-color-line-generic-active: var(--g-color-private-black-300);
  --g-color-line-generic-accent: var(--g-color-private-black-150);
  --g-color-line-generic-accent-hover: var(--g-color-private-black-300);
  --g-color-line-generic-solid: var(--g-color-private-black-100-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-450);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-450);
  --g-color-line-positive: var(--g-color-private-green-450);
  --g-color-line-warning: var(--g-color-private-yellow-600-solid);
  --g-color-line-danger: var(--g-color-private-red-450);
  --g-color-line-utility: var(--g-color-private-purple-450);
  --g-color-line-misc: var(--g-color-private-cool-grey-450);
  --g-color-sfx-veil: var(--g-color-private-black-250);
  --g-color-sfx-shadow: var(--g-color-private-black-150);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
  --g-color-sfx-shadow-light: var(--g-color-private-black-50);
  --g-color-sfx-fade: var(--g-color-private-white-300);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-black-100);
  --g-color-scroll-handle-hover: var(--g-color-private-black-150);
  --g-color-scroll-corner: var(--g-color-private-black-100);
  --g-color-infographics-axis: var(--g-color-private-black-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-950);

  /* High-contrast overrides — tokens from theme-user.css (--pt-*) */
  --g-color-base-background: var(--pt-bg, #f3f4f6);
  --g-color-base-generic: rgba(0, 0, 0, 0.06);
  --g-color-base-generic-hover: rgba(0, 0, 0, 0.12);
  --g-color-base-generic-medium: rgba(0, 0, 0, 0.12);
  --g-color-base-generic-accent: rgba(0, 0, 0, 0.12);
  --g-color-base-generic-ultralight: var(--pt-surface-muted, #fafafa);
  --g-color-base-simple-hover: rgba(0, 0, 0, 0.06);
  --g-color-base-float: var(--pt-surface, #ffffff);
  --g-color-base-float-hover: var(--pt-surface-hover, #f2f2f2);
  --g-color-base-float-heavy: var(--pt-text-secondary, #1f2937);
  --g-color-base-modal: var(--pt-surface, #ffffff);
  --g-color-base-light: var(--pt-surface, #ffffff);
  --g-color-text-dark-primary: var(--pt-text, #111827);
  --g-color-text-dark-complementary: var(--pt-text-secondary, #1f2937);
  --g-color-text-dark-secondary: var(--pt-card-icon, #374151);
  --g-color-text-dark-hint: var(--pt-text-muted, #6b7280);
  --g-color-text-primary: var(--pt-text, #111827);
  --g-color-text-complementary: var(--pt-text-secondary, #1f2937);
  --g-color-text-secondary: var(--pt-card-icon, #374151);
  --g-color-text-hint: var(--pt-text-muted, #6b7280);
  --g-color-text-light-primary: var(--pt-text-on-accent, #ffffff);
  --g-color-line-generic: rgba(0, 0, 0, 0.12);
  --g-color-line-generic-hover: rgba(0, 0, 0, 0.18);
  --g-color-line-generic-active: rgba(0, 0, 0, 0.28);
  --g-color-line-generic-solid: var(--pt-border, #e5e7eb);
  color: var(--pt-text, #111827);
  background-color: var(--pt-bg, #f3f4f6);
  color-scheme: light;
  font-family: var(--pt-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  font-size: var(--pt-font-size, 14px);

}


/* Force readable text even if components use light-primary on light bg */
body, body#app, #root, #root * {
  color-scheme: light !important;
}

html, body, body#app, #root {
  font-family: var(--pt-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

/* Header / top bar: dark text on light surface */
body .g-root,
#root {
  color: var(--pt-text, #111827) !important;
}

/* Common Gravity text utilities */
.g-color-text-primary,
.g-text-primary {
  color: var(--pt-text, #111827) !important;
}
.g-color-text-secondary,
.g-text-secondary {
  color: var(--pt-card-icon, #374151) !important;
}
.g-color-text-hint,
.g-text-hint {
  color: var(--pt-text-muted, #6b7280) !important;
}

/* Inputs / search */
input, textarea, select,
.g-text-input__control,
.g-text-input {
  color: var(--pt-text, #111827) !important;
  background-color: var(--pt-surface, #ffffff) !important;
  border-color: var(--pt-border-strong, #d1d5db) !important;
  border-radius: var(--pt-radius, 8px);
}
input::placeholder, textarea::placeholder {
  color: var(--pt-text-muted, #6b7280) !important;
  opacity: 1 !important;
}

/* Buttons outlined / secondary */
.g-button_view_outlined,
.g-button_view_flat-secondary {
  color: var(--pt-button-text, #111827) !important;
}

/* Cards / create project tiles */
#root [class*="card"],
#root [class*="Card"],
#root [class*="project"],
#root [class*="Project"] {
  color: var(--pt-text, #111827);
}

/* === Project cards (home): readable on light theme ===
   Default Planka cover is #555 with white title; our light overrides
   forced dark title text → nearly invisible. Fix: light card + dark title
   for default covers; keep white title on gradient/image covers. */
#app [class*="_wrapper_"] > a[class*="_content_"] > [class*="_cover_"]:not([class*="background"]):not([style*="url"]) {
  background: var(--pt-card-cover, #ffffff) !important;
  border-radius: var(--pt-radius, 8px);
}
#app [class*="_wrapper_"] > a[class*="_content_"] > [class*="_cover_"]:not([class*="background"]):not([style*="url"])::after {
  opacity: 0 !important;
  background: transparent !important;
}

#app a[class*="_content_"]:has(> [class*="_cover_"]:not([class*="background"]):not([style*="url"])),
#app a[class*="_content_"]:has(> [class*="_cover_"]:not([class*="background"]):not([style*="url"])) [class*="_title_"],
#app a[class*="_content_"]:has(> [class*="_cover_"]:not([class*="background"]):not([style*="url"])) [class*="_description_"] {
  color: var(--pt-text, #111827) !important;
}

#app a[class*="_content_"]:has(> [class*="_cover_"][class*="background"]),
#app a[class*="_content_"]:has(> [class*="_cover_"][style*="url"]),
#app a[class*="_content_"]:has(> [class*="_cover_"][class*="background"]) [class*="_title_"],
#app a[class*="_content_"]:has(> [class*="_cover_"][style*="url"]) [class*="_title_"],
#app a[class*="_content_"]:has(> [class*="_cover_"][class*="background"]) [class*="_description_"],
#app a[class*="_content_"]:has(> [class*="_cover_"][style*="url"]) [class*="_description_"] {
  color: var(--pt-text-on-accent, #ffffff) !important;
}

#app a[class*="_content_"]:has(> [class*="_cover_"]:not([class*="background"]):not([style*="url"])) [class*="_icon_"],
#app a[class*="_content_"]:has(> [class*="_cover_"]:not([class*="background"]):not([style*="url"])) i.icon {
  color: var(--pt-card-icon, #374151) !important;
}


/* === Contrast hard-fixes for Planka chrome === */
#root, #root * {
  -webkit-font-smoothing: antialiased;
}

/* Top header bar: ensure dark text/icons on light gray */
body#app > *:first-child,
#root > div > div:first-child,
#root header,
#root [class*="Header"],
#root [class*="header"] {
  color: var(--pt-text, #111827) !important;
}

#root header svg,
#root [class*="Header"] svg,
#root [class*="header"] svg,
#root header path,
#root [class*="Header"] path {
  fill: currentColor;
  color: var(--pt-text, #111827) !important;
}

/* Section titles like «Мои собственные» */
#root h1, #root h2, #root h3, #root h4,
#root [class*="title"],
#root [class*="Title"],
#root [class*="label"],
#root [class*="Label"] {
  color: var(--pt-text, #111827) !important;
}

/* Create project tiles / empty cards */
#root [class*="add"],
#root [class*="Add"],
#root [class*="create"],
#root [class*="Create"],
#root [class*="empty"],
#root [class*="Empty"] {
  color: var(--pt-text-secondary, #1f2937) !important;
  border-color: var(--pt-border-strong, #d1d5db) !important;
}

/* Icon buttons in toolbar */
#root button,
#root .g-button {
  color: var(--pt-button-text, #111827);
}
#root .g-button_view_flat-secondary,
#root .g-button_view_outlined,
#root .g-button_view_flat {
  color: var(--pt-button-text, #111827) !important;
  background-color: var(--pt-button-bg, #ffffff) !important;
  border-color: var(--pt-border-strong, #d1d5db) !important;
  border-radius: var(--pt-radius, 8px);
}
#root .g-button_view_flat-secondary:hover,
#root .g-button_view_outlined:hover,
#root .g-button_view_flat:hover {
  background-color: var(--pt-button-hover, #e5e7eb) !important;
}
#root .g-button_view_action,
#root .g-button_view_normal {
  background-color: var(--pt-button-primary-bg, #2563eb) !important;
  color: var(--pt-button-primary-text, #ffffff) !important;
  border-radius: var(--pt-radius, 8px);
}
#root .g-button_view_action:hover,
#root .g-button_view_normal:hover {
  background-color: var(--pt-button-primary-hover, #1d4ed8) !important;
}

/* Search field */
#root input[type="search"],
#root input[type="text"],
#root .g-text-input__control {
  color: var(--pt-text, #111827) !important;
  background: var(--pt-surface, #ffffff) !important;
  caret-color: var(--pt-text, #111827);
}
#root input::placeholder {
  color: var(--pt-text-muted, #6b7280) !important;
  opacity: 1 !important;
}

/* Avatar label «Admin» */
#root [class*="user"],
#root [class*="User"],
#root [class*="profile"],
#root [class*="Profile"] {
  color: var(--pt-text, #111827);
}


/* === Plus / button icon contrast === */
#root button svg,
#root a[role="button"] svg,
#root [role="button"] svg,
#root [class*="Add"] svg,
#root [class*="add"] svg,
#root [class*="Create"] svg,
#root [class*="create"] svg,
#root [class*="Plus"] svg,
#root [class*="plus"] svg,
#root [class*="Project"] svg,
#root [class*="project"] button svg,
#root [class*="project"] a svg {
  color: var(--pt-button-text, #111827) !important;
  fill: var(--pt-button-text, #111827) !important;
  opacity: 1 !important;
  filter: none !important;
}

#root button svg *,
#root a[role="button"] svg *,
#root [role="button"] svg *,
#root [class*="Add"] svg *,
#root [class*="add"] svg *,
#root [class*="Create"] svg *,
#root [class*="create"] svg *,
#root [class*="Plus"] svg *,
#root [class*="plus"] svg *,
#root [class*="Project"] svg *,
#root [class*="project"] button svg *,
#root [class*="project"] a svg * {
  color: var(--pt-button-text, #111827) !important;
  opacity: 1 !important;
}

#root button svg [fill]:not([fill="none"]):not([fill="transparent"]),
#root [role="button"] svg [fill]:not([fill="none"]):not([fill="transparent"]),
#root [class*="Add"] svg [fill]:not([fill="none"]):not([fill="transparent"]),
#root [class*="add"] svg [fill]:not([fill="none"]):not([fill="transparent"]),
#root [class*="Create"] svg [fill]:not([fill="none"]):not([fill="transparent"]),
#root [class*="create"] svg [fill]:not([fill="none"]):not([fill="transparent"]),
#root [class*="Project"] svg [fill]:not([fill="none"]):not([fill="transparent"]) {
  fill: var(--pt-button-text, #111827) !important;
}

#root button svg [stroke]:not([stroke="none"]),
#root [role="button"] svg [stroke]:not([stroke="none"]),
#root [class*="Add"] svg [stroke]:not([stroke="none"]),
#root [class*="add"] svg [stroke]:not([stroke="none"]),
#root [class*="Create"] svg [stroke]:not([stroke="none"]),
#root [class*="create"] svg [stroke]:not([stroke="none"]),
#root [class*="Project"] svg [stroke]:not([stroke="none"]) {
  stroke: var(--pt-button-text, #111827) !important;
}

#root .g-icon,
#root .g-button__icon,
#root .g-button .g-icon {
  color: var(--pt-button-text, #111827) !important;
  opacity: 1 !important;
}