:root {
  /* === Brand / Primary blue (indigo) === */
  --accent: #2563eb;

  /* === Brand / Primary === */
  --tw-primary-color: var(--accent);

  /* darken */
  --tw-primary-dark: color-mix(in srgb, var(--accent), black 14%);
  --tw-primary-darker: color-mix(in srgb, var(--accent), black 22%);
  --tw-primary-darkest: color-mix(in srgb, var(--accent), black 30%);

  /* lighten */
  --tw-primary-light: color-mix(in srgb, var(--accent), white 18%);
  --tw-primary-alt: color-mix(in srgb, var(--accent), white 10%);

  /* focus */
  --tw-primary-focus: color-mix(in srgb, var(--accent), white 22%);
  --tw-primary-focus-alt: color-mix(in srgb, var(--accent), transparent 70%);
  --tw-toolbar-active: color-mix(in srgb, var(--accent), transparent 92%);
  --tw-selected-color: color-mix(in srgb, var(--accent), transparent 88%);

  /* other */
  --tw-primary-copy: color-mix(in srgb, var(--accent), white 12%);
  --tw-toolbar-accent: var(--accent);

  /* RGB для градиентов с прозрачностью (49, 87, 178 = #3157b2) */
  --tw-primary-rgb: rgb(from var(--accent) r g b);

  --accent-soft: rgba(0, 102, 255, 0.08);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.09), 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.11), 0 2px 8px rgba(0, 0, 0, 0.06);
  --bg: #ffffff;
  --bg-1: #ffffff;
  --bg-2: #f5f5f3;
  --bg-3: #ededeb;
  --bg-4: #f7f6f3;
  --bg-hover: #e8e8e5;
  --bg-menu: #f0efec;
  --border: rgba(0, 0, 0, 0.07);
  --border-strong: rgba(0, 0, 0, 0.12);

  --invert-menu: 1;

  --text-1: #1a1a18;
  --text-2: #5a5a56;
  --text-3: #9a9a94;
  --text-danger: light-dark(rgba(127, 44, 40, 1), rgba(238, 136, 132, 1));

  /* theme-agnostic: dim = overlay on surface, lift = highlight on surface */
  --color-ink: #000000;
  --color-dim-00: rgba(0, 0, 0, 0);
  --color-dim-04: rgba(0, 0, 0, 0.04);
  --color-dim-05: rgba(0, 0, 0, 0.05);
  --color-dim-06: rgba(0, 0, 0, 0.06);
  --color-dim-09: rgba(0, 0, 0, 0.09);
  --color-dim-10: rgba(0, 0, 0, 0.1);
  --color-dim-11: rgba(0, 0, 0, 0.11);
  --color-dim-14: rgba(0, 0, 0, 0.141176);
  --color-dim-15: rgba(0, 0, 0, 0.15);
  --color-dim-18: rgba(0, 0, 0, 0.18);
  --color-dim-20: rgba(0, 0, 0, 0.2);
  --color-dim-25: rgba(0, 0, 0, 0.25);
  --color-dim-30: rgba(0, 0, 0, 0.3);
  --color-dim-35: rgba(0, 0, 0, 0.35);
  --color-dim-40: rgba(0, 0, 0, 0.4);
  --color-dim-45: rgba(0, 0, 0, 0.45);
  --color-dim-50: rgba(0, 0, 0, 0.5);
  --color-dim-65: rgba(0, 0, 0, 0.65);
  --color-dim-70: rgba(0, 0, 0, 0.7);
  --color-dim-75: rgba(0, 0, 0, 0.75);
  --color-dim-80: rgba(0, 0, 0, 0.8);
  --color-dim-94: rgba(0, 0, 0, 0.94);
  --color-dim-cyan-00: rgba(0, 176, 255, 0);

  --color-accent-sky-1: #0094ff;
  --color-accent-sky-2: #0098f4;
  --color-accent-sky-3: #009af4;
  --color-accent-cyan: #00ffff;
  --color-accent-cyan-veil-20: rgba(17, 219, 237, 0.2);
  --color-neutral-warm-veil-07: rgba(28, 28, 26, 0.07);
  --color-neutral-veil-70: rgba(33, 33, 33, 0.7);
  --color-neutral-950: #040404;
  --color-brand-tint-70: rgba(49, 87, 178, 0.7);
  --color-primary-veil-20: rgba(65, 121, 247, 0.2);
  --color-neutral-mid-veil-50: rgba(77, 77, 77, 0.5);
  --color-accent-sky-4: #0d99ff;
  --color-neutral-mid-veil-50-b: rgba(120, 120, 120, 0.5);
  --color-accent-blue-deep: #1266f1;
  --color-lavender-veil-40: rgba(130, 143, 217, 0.4);
  --color-neutral-920: #132839;
  --color-neutral-veil-30: rgba(136, 136, 136, 0.3);
  --color-accent-blue-muted: #1571aa;
  --color-neutral-900: #171717;
  --color-indigo-900: #1a237e;
  --color-neutral-880: #1b1b1b;
  --color-neutral-875: #1c1c1a;
  --color-neutral-870: #1c252a;
  --color-caution-veil-20: rgba(202, 138, 4, 0.2);
  --color-caution-veil-30: rgba(202, 138, 4, 0.3);
  --color-info-veil-50: color-mix(in srgb, var(--accent), var(--bg) 94%);
  --color-risk-veil-20: rgba(220, 38, 38, 0.2);
  --color-risk-veil-30: rgba(220, 38, 38, 0.3);
  --color-neutral-860: #222222;
  --color-neutral-warm-veil-25: rgba(223, 223, 223, 0.25);
  --color-neutral-warm-veil-70: rgba(223, 223, 223, 0.7);
  --color-neutral-veil-00: rgba(224, 224, 224, 0);
  --color-selection-veil-40: color-mix(in srgb, var(--accent), var(--bg) 97%);
  --color-neutral-840: #242424;
  --color-success-600: #248537;
  --color-risk-tint-60: rgba(254, 242, 242, 0.6);
  --color-caution-tint-60: rgba(254, 252, 232, 0.6);

  --color-lift-00: rgba(255, 255, 255, 0);
  --color-lift-15: rgba(255, 255, 255, 0.15);
  --color-lift-20: rgba(255, 255, 255, 0.2);
  --color-lift-40: rgba(255, 255, 255, 0.4);
  --color-lift-50: rgba(255, 255, 255, 0.5);
  --color-lift-60: rgba(255, 255, 255, 0.6);

  --color-neutral-820: #272727;
  --color-success-500: #29d029;
  --color-neutral-810: #2e2e2c;
  --color-neutral-805: #2e2e2e;
  --color-indigo-700: #2e3e99;
  --color-accent-sky-5: #2eacfb;
  --color-neutral-800: #303030;
  --color-accent-indigo-bright: #3131ff;
  --color-neutral-790: #333333;
  --color-slate-800: #333d4a;
  --color-neutral-785: #343434;
  --color-indigo-650: #34518d;
  --color-neutral-780: #353535;
  --color-neutral-775: #363636;
  --color-success-700: #36aa01;
  --color-neutral-770: #3a3a3a;
  --color-accent-sky-6: #3b99fc;
  --color-plum-900: #3d2d53;
  --color-plum-950: #401d2c;
  --color-neutral-760: #404040;
  --color-neutral-750: #42402f;
  --color-brand-facebook: #4267b2;
  --color-brand-google: #4285f4;
  --color-accent-cyan-bright: #43fcff;
  --color-violet-700: #443a9d;
  --color-neutral-740: #444444;
  --color-neutral-735: #454545;
  --color-neutral-720: #484848;
  --color-accent-blue-500: #4a86e8;
  --color-neutral-710: #4c4c4c;
  --color-neutral-705: #4d4d4d;
  --color-accent-blue-400: #4d90fe;
  --color-neutral-700: #4e4e4e;
  --color-violet-600: #4f45aa;
  --color-neutral-695: #4f4f4f;
  --color-neutral-680: #525252;
  --color-neutral-670: #555555;
  --color-neutral-665: #565656;
  --color-violet-500: #584dbd;
  --color-neutral-660: #595959;
  --color-neutral-655: #5a5a5a;
  --color-neutral-650: #5c5c58;
  --color-success-400: #5cb593;
  --color-accent-blue-soft: #5d8ddb;
  --color-neutral-645: #5f5f5f;
  --color-plum-800: #630c2d;
  --color-success-450: #63bb47;
  --color-accent-indigo-soft: #6464ff;
  --color-neutral-640: #666666;
  --color-accent-sky-7: #66b9fe;
  --color-neutral-635: #696868;
  --color-neutral-630: #696969;
  --color-neutral-620: #6f6f6f;
  --color-neutral-610: #727272;
  --color-neutral-605: #737373;
  --color-neutral-600: #747474;
  --color-neutral-595: #757575;
  --color-neutral-590: #777777;
  --color-indigo-400: #7986cb;
  --color-violet-650: #7a2dad;
  --color-violet-550: #7b55a5;
  --color-plum-700: #7f2c28;
  --color-neutral-580: #808080;
  --color-indigo-300: #828fd9;
  --color-slate-500: #838b91;
  --color-neutral-570: #888888;
  --color-plum-750: #890668;
  --color-violet-450: #895eb7;
  --color-neutral-560: #8b8b8b;
  --color-slate-450: #8f959b;
  --color-plum-850: #911142;
  --color-neutral-550: #929292;
  --color-violet-350: #9594ea;
  --color-neutral-545: #959595;
  --color-slate-400: #969da2;
  --color-neutral-540: #979797;
  --color-neutral-535: #989596;
  --color-neutral-530: #989898;
  --color-neutral-525: #999999;
  --color-plum-800-b: #9c0734;
  --color-neutral-520: #9f9f9f;
  --color-neutral-510: #a1a1a1;
  --color-neutral-505: #a2a2a2;
  --color-neutral-495: #a6a6a6;
  --color-neutral-490: #a7a7a7;
  --color-neutral-485: #a8a8a2;
  --color-neutral-480: #a9a9a9;
  --color-violet-400: #ab66cd;
  --color-plum-600: #ad0059;
  --color-plum-650: #ad1449;
  --color-neutral-475: #adadad;
  --color-plum-700-b: #b0224e;
  --color-risk-700: #b02f00;
  --color-neutral-470: #b2b2b2;
  --color-slate-350: #b4b9bf;
  --color-neutral-460: #b8b8b8;
  --color-neutral-455: #bababa;
  --color-neutral-450: #bebebe;
  --color-neutral-440: #c2c2c2;
  --color-neutral-435: #c3c3c3;
  --color-slate-300: #c4cfdf;
  --color-neutral-430: #c5c5c5;
  --color-plum-500: #c63f64;
  --color-risk-600: #ca4748;
  --color-caution-600: #ca8a04;
  --color-neutral-425: #cbcbcb;
  --color-neutral-420: #cccccc;
  --color-neutral-415: #cecece;
  --color-caution-400: #cfdc5e;
  --color-neutral-410: #d3d3d3;
  --color-plum-550: #d72e63;
  --color-risk-550: #d73c4c;
  --color-neutral-405: #d7d5d5;
  --color-neutral-400: #d7d7d7;
  --color-neutral-395: #d8d8d8;
  --color-slate-250: #d8dee4;
  --color-neutral-390: #d9d9d9;
  --color-risk-500: #dc2626;
  --color-slate-200: #dcdedc;
  --color-neutral-385: #dddddd;
  --color-neutral-380: #dedede;
  --color-neutral-375: #dfdfdf;
  --color-caution-500: #e0a305;
  --color-neutral-370: #e0e0e0;
  --color-neutral-365: #e1e1e1;
  --color-risk-650: #e32200;
  --color-risk-640: #e33d00;
  --color-neutral-360: #e3e3e3;
  --color-neutral-355: #e4e2e2;
  --color-neutral-350: #e4e4e4;
  --color-slate-150: #e4e7ec;
  --color-neutral-345: #e5e5e5;
  --color-slate-100: #e5eaf1;
  --color-caution-550: #e68600;
  --color-neutral-340: #e6e6e6;
  --color-neutral-335: #e7e7e7;
  --color-plum-550-b: #e80065;
  --color-violet-100: #e8e0f1;
  --color-neutral-330: #e9ece9;
  --color-caution-520: #ebd50a;
  --color-neutral-325: #ebebeb;
  --color-neutral-320: #ededed;
  --color-risk-400: #ee8884;
  --color-neutral-315: #eeeeee;
  --color-neutral-310: #efefef;
  --color-caution-480: #f0b22a;
  --color-neutral-305: #f0efec;
  --color-neutral-300: #f0efef;
  --color-neutral-295: #f0f0f0;
  --color-neutral-290: #f1f1f1;
  --color-caution-460: #f2b303;
  --color-caution-450: #f2be02;
  --color-neutral-285: #f2f2f2;
  --color-neutral-280: #f4f4f4;
  --color-neutral-275: #f5f5f5;
  --color-caution-540: #f7a000;
  --color-caution-300: #f7eea3;
  --color-neutral-270: #f7f7f7;
  --color-neutral-265: #f7f8f7;
  --color-neutral-50: #fafafa;
  --color-risk-pure: #ff0000;
  --color-accent-magenta: #ff00ff;
  --color-neutral-40: #fffefe;
  --color-caution-pure: #ffff00;

  /* Object colors */
  --r: 10px;
  --r-sm: 6px;

  --glass-panel-opacity: 0.98;
  --glass: rgba(255, 255, 255, 0.72);
  --glass-strong: rgba(255, 255, 255, 0.88);
  --glass-border: rgba(255, 255, 255, 0.9);
  --glass-shadow: rgba(0, 0, 0, 0.08);

  --card: #ffffff;
  --text-1: #1c1c1a;
  --text-2: #5c5c58;
  --text-3: #a8a8a2;
  --border: rgba(0, 0, 0, 0.07);
  --border-mid: rgba(0, 0, 0, 0.10);
  --green: #16a34a;
  --green-bg: #f0fdf4;
  --amber: #d97706;
  --amber-bg: #fffbeb;
  --red: #dc2626;
  --red-bg: #fef2f2;
}


*,
:after,
:before {
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: color-mix(in srgb, var(--accent), transparent 50%);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

::backdrop {
  --tw-ring-offset-color: #fff;
  --tw-ring-color: color-mix(in srgb, var(--accent), transparent 50%);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

.wproj-commit-shell {
  --wrj-bg: var(--bg);
  --wrj-panel: var(--bg);
  --wrj-p2: var(--bg);
  --wrj-t1: var(--text-1);
  --wrj-t2: var(--text-2);
  --wrj-t3: var(--text-3);
  --wrj-b: var(--border);
  --wrj-bmd: var(--border-strong);
  --wrj-add: #16a34a;
  --wrj-add-bg: var(--bg-3);
  --wrj-add-bd: rgba(22, 163, 74, 0.18);
  --wrj-rm: #dc2626;
  --wrj-rm-bg: var(--bg-3);
  --wrj-rm-bd: rgba(220, 38, 38, 0.18);
  --wrj-ch: #d97706;
  --wrj-ch-bg: var(--bg-3);
  --wrj-ch-bd: rgba(217, 119, 6, 0.18);
  --wrj-accent: var(--tw-primary-color);
}