/* prettier-ignore */
:root,
html[data-theme=light],
[data-theme=light] {
  --color-text-primary: #1b1918;
  --color-text-primary-inverted: #ffffff;
  --color-text-secondary: #5e5955;
  --color-text-placeholder: #9e9894;
  --color-text-disabled: #cfcbc9;
  --color-text-tooltip: #ffffff;
  --color-border-interactive: #bab1ab;
  --color-fg-primary-interactive-inverted: #ffffff;
  --color-fg-primary-interactive: #4568a0;
  --color-fg-primary-interactive-hover: rgb(60.72, 91.52, 140.8);
  --color-bg-primary-interactive: #4568a0;
  --color-bg-primary-interactive-hover: rgb(60.72, 91.52, 140.8);
  --color-bg-primary-interactive-pressed: rgb(55.2, 83.2, 128);
  --color-bg-primary-interactive-active: rgba(69, 104, 160, 0.15);
  --color-fg-interactive: #ffffff;
  --color-fg-interactive-hover: #5e5955;
  --color-fg-interactive-pressed: #1b1918;
  --color-bg-interactive: #ffffff;
  --color-bg-interactive-hover: rgba(27, 25, 24, 0.05);
  --color-bg-interactive-hover-solid: #f3f3f3;
  --color-bg-interactive-pressed: rgba(27, 25, 24, 0.1);
  --color-bg-interactive-pressed-solid: #e8e8e7;
  --color-brand-blue: #2469d6;
  --color-brand-teal: #4ad9d9;
  --color-brand-red: #f2385a;
  --color-brand-gold: #f5a503;
  --color-bg-app: #f7f7f5;
  --color-fg-app: #ffffff;
  --color-bg-blur: rgba(255, 255, 255, 0.8);
  --color-bg-app-overlay: rgba(208, 203, 200, 0.2);
  --color-bg-app-overlay-solid: #F2F1EE;
  --color-fg-app-overlay: rgba(207, 203, 201, 0.3);
  --color-border-primary: #e8e5e3;
  --color-border-secondary: rgba(232, 229, 227, 0.5);
  --color-glass-bg: rgba(255, 255, 255, 0.55);
  --color-glass-edge: rgba(255, 255, 255, 0.8);
  --color-glass-glow: rgba(255, 255, 255, 0.06);
  --color-glass-highlight: rgba(255, 255, 255, 0.5);
  --color-glass-highlight-subtle: rgba(255, 255, 255, 0.1);
  --color-glass-shadow: rgba(0, 0, 0, 0.1);
  --color-glass-text: #1b1918;
  --color-glass-text-secondary: #5e5955;
  --glass-backdrop-brightness: 1.5;
  --color-border-disabled: #cfcbc9;
  --color-border-primary-interactive: rgba(69, 104, 160, 0.5);
  --color-bg-tooltip: #2b2b2a;
  --color-bg-modal-overlay: rgba(26, 26, 30, 0.5);
  --color-bg-disabled: #cfcbc9;
  --color-fg-disabled: #9e9894;
  --color-bg-neutral: #e3e3e3;
  --color-bg-neutral-subtle: rgba(227, 227, 227, 0.2);
  --color-fg-neutral: #4a4a4a;
  --color-fg-neutral-hover: #333333;
  --color-border-neutral: rgba(74, 74, 74, 0.15);
  --color-bg-info: #DFE9FD;
  --color-bg-info-subtle: rgba(223, 233, 253, 0.4);
  --color-bg-info-pressed: #D0DDF5;
  --color-fg-info: #263A59;
  --color-fg-info-hover: #1E3050;
  --color-border-info: #B8C4D6;
  --color-bg-success: #E0F4F0;
  --color-bg-success-subtle: rgba(224, 244, 240, 0.4);
  --color-bg-success-pressed: #D0EAE4;
  --color-fg-success: #0A7563;
  --color-fg-success-hover: #086858;
  --color-fg-success-pressed: #065B4E;
  --color-fg-success-direct-hover: #086858;
  --color-border-success: #AEDBD2;
  --color-bg-warning: #FBF1DC;
  --color-bg-warning-subtle: rgba(251, 241, 220, 0.4);
  --color-bg-warning-pressed: #F3E6CA;
  --color-fg-warning: #795306;
  --color-fg-warning-hover: #6B4905;
  --color-border-warning: #DCC99A;
  --color-bg-danger: #FCE8EC;
  --color-bg-danger-subtle: rgba(252, 232, 236, 0.4);
  --color-bg-danger-pressed: #F5D9DF;
  --color-fg-danger: #B01C35;
  --color-fg-danger-hover: #9D182F;
  --color-fg-danger-pressed: #881528;
  --color-fg-danger-direct-hover: #9D182F;
  --color-border-danger: #E8B5BE;
  --color-ribbon-red: #f2385a;
  --color-ribbon-blue: #2469d6;
  --color-ribbon-yellow: #f5a503;
  --color-ribbon-purple: #9b51e0;
  --color-ribbon-green: #0e9e6e;
  --color-user-navy: #4A5D7A;
  --color-user-navy-dark: rgb(48.1, 60.45, 79.3);
  --color-user-blue: #6082A0;
  --color-user-blue-dark: rgb(62.2362204724, 84.5102362205, 104.1637795276);
  --color-user-teal: #4c9987;
  --color-user-teal-dark: rgb(49.4, 99.45, 87.75);
  --color-user-green: #84a944;
  --color-user-green-dark: rgb(85.8, 109.85, 44.2);
  --color-user-yellow: #B8A03C;
  --color-user-yellow-dark: rgb(119.6, 104, 39);
  --color-user-amber: #D49840;
  --color-user-amber-dark: rgb(146.4333333333, 100.4333333333, 32.9666666667);
  --color-user-orange: #C07A54;
  --color-user-orange-dark: rgb(131.1, 77.4333333333, 48.3);
  --color-user-coral: #D4897A;
  --color-user-coral-dark: rgb(164.0585227273, 71.5443181818, 53.0414772727);
  --color-user-red: #A85858;
  --color-user-red-dark: rgb(109.4047244094, 56.9952755906, 56.9952755906);
  --color-user-raspberry: #B05A78;
  --color-user-raspberry-dark: rgb(116.9200819672, 55.9799180328, 77.2381147541);
  --color-user-pink: #A864A0;
  --color-user-pink-dark: rgb(111.5743801653, 62.6256198347, 105.8157024793);
  --color-user-lavender: #8878A8;
  --color-user-lavender-dark: rgb(86.8540540541, 73.3621621622, 113.8378378378);
  --color-user-purple: #5D5478;
  --color-user-purple-dark: rgb(60.45, 54.6, 78);
  --color-user-taupe: #9C8878;
  --color-user-taupe-dark: rgb(103.5, 88.1666666667, 75.9);
  --color-user-brown: #706050;
  --color-user-brown-dark: rgb(72.8, 62.4, 52);
  --color-user-black: #505458;
  --color-user-black-dark: rgb(52, 54.6, 57.2);
  --color-reserved-cream: #d0cab0;
  --color-reserved-cream-dark: rgb(156.4952380952, 144.6095238095, 93.1047619048);
  --color-highlight-bg-yellow: #fff697;
  --color-highlight-bg-yellow-rgb: 255, 246, 151;
  --color-highlight-bg-yellow-subtle: rgba(255, 246, 151, 0.35);
  --color-highlight-fg-yellow: rgb(227.5, 207.8125, 0);
  --color-highlight-fg-yellow-hover: rgb(176.5, 161.2259615385, 0);
  --color-highlight-bg-purple: #f5c4ff;
  --color-highlight-bg-purple-rgb: 245, 196, 255;
  --color-highlight-bg-purple-subtle: rgba(245, 196, 255, 0.35);
  --color-highlight-fg-purple: rgb(219.0677966102, 43, 255);
  --color-highlight-fg-purple-hover: rgb(162.7796610169, 0, 196);
  --color-highlight-bg-teal: #adedfc;
  --color-highlight-bg-teal-rgb: 173, 237, 252;
  --color-highlight-bg-teal-subtle: rgba(173, 237, 252, 0.35);
  --color-highlight-fg-teal: rgb(25.4, 204.6, 246.6);
  --color-highlight-fg-teal-hover: #0686a4;
  --color-highlight-bg-green: #d4eabc;
  --color-highlight-bg-green-rgb: 212, 234, 188;
  --color-highlight-bg-green-subtle: rgba(212, 234, 188, 0.35);
  --color-highlight-fg-green: rgb(137.2386363636, 197.4886363636, 71.5113636364);
  --color-highlight-fg-green-hover: rgb(85.3977272727, 127.1477272727, 39.8522727273);
  --color-highlight-bg-blue: #a6c3f0;
  --color-highlight-bg-blue-rgb: 166, 195, 240;
  --color-highlight-bg-blue-subtle: rgba(166, 195, 240, 0.35);
  --color-highlight-fg-blue: rgb(36.4903846154, 107.0384615385, 216.5096153846);
  --color-highlight-fg-blue-hover: rgb(21.7788461538, 63.8846153846, 129.2211538462);
  --color-highlight-bg-black: #222222;
  --color-highlight-bg-black-hover: rgba(34, 34, 34, 0.45);
  --color-highlight-bg-black-rgb: 34, 34, 34;
  --color-highlight-bg-black-subtle: rgba(34, 34, 34, 0.35);
  --color-highlight-fg-black: rgb(26.0298507463, 23.6417910448, 21.9701492537);
  --color-highlight-fg-black-hover: #6d635c;
  --color-comment-bg: #FCEAB0;
  --color-comment-bg-selected: #F8D56A;
  --color-find-bg: #C4EDD0;
  --color-find-bg-selected: #8CD89C;
  --color-data-blue: #3b7dd8;
  --color-data-blue-muted: rgba(59, 125, 216, 0.2);
  --color-data-blue-subtle: rgba(59, 125, 216, 0.05);
  --color-data-amber: #c4862e;
  --color-data-amber-muted: rgba(196, 134, 46, 0.2);
  --color-data-amber-subtle: rgba(196, 134, 46, 0.05);
  --color-data-pink: #d64a94;
  --color-data-pink-muted: rgba(214, 74, 148, 0.2);
  --color-data-pink-subtle: rgba(214, 74, 148, 0.05);
  --color-data-green: #2a9d7a;
  --color-data-green-muted: rgba(42, 157, 122, 0.2);
  --color-data-green-subtle: rgba(42, 157, 122, 0.05);
  --color-data-purple: #7c5cc9;
  --color-data-purple-muted: rgba(124, 92, 201, 0.2);
  --color-data-purple-subtle: rgba(124, 92, 201, 0.05);
  --color-gradient-interactive: linear-gradient(180deg, rgba(101, 184, 245, 0.20) 0%, rgba(35, 84, 170, 0.20) 100%), #2469D6;
  --color-gradient-danger: linear-gradient(180deg, rgba(101, 184, 245, 0.20) 0%, rgba(35, 84, 170, 0.20) 100%), #DC2626;
}

html[data-theme=dark],
[data-theme=dark] {
  --color-text-primary: #FAFAF9;
  --color-text-primary-inverted: #FAFAF9;
  --color-text-secondary: #C2BBB7;
  --color-text-placeholder: #857A72;
  --color-text-disabled: #524C47;
  --color-text-tooltip: #FAFAF9;
  --color-border-interactive: #6B6561;
  --color-fg-primary-interactive-inverted: #FAFAF9;
  --color-fg-primary-interactive: rgb(91.8, 129.54, 192.78);
  --color-fg-primary-interactive-hover: rgb(69.1233230769, 111.0505846154, 181.3070769231);
  --color-bg-primary-interactive: #3D62A0;
  --color-bg-primary-interactive-hover: rgb(53.68, 86.24, 140.8);
  --color-bg-primary-interactive-pressed: rgb(48.8, 78.4, 128);
  --color-bg-primary-interactive-active: rgba(61, 98, 160, 0.1);
  --color-fg-interactive: #282624;
  --color-fg-interactive-hover: #C2BBB7;
  --color-fg-interactive-pressed: #FAFAF9;
  --color-bg-interactive: #FFFFFF;
  --color-bg-interactive-hover: rgba(244, 244, 241, 0.05);
  --color-bg-interactive-hover-solid: #282624;
  --color-bg-interactive-pressed: rgba(244, 244, 241, 0.1);
  --color-bg-interactive-pressed-solid: #282624;
  --color-brand-blue: #2469d6;
  --color-brand-teal: #4ad9d9;
  --color-brand-red: #f2385a;
  --color-brand-gold: #f5a503;
  --color-bg-app: #282624;
  --color-fg-app: #302D2C;
  --color-bg-blur: rgba(48, 45, 44, 0.8);
  --color-bg-app-overlay: rgba(27, 25, 24, 0.3);
  --color-bg-app-overlay-solid: #242220;
  --color-fg-app-overlay: rgba(133, 122, 114, 0.2);
  --color-border-primary: #433F3D;
  --color-border-secondary: rgba(67, 63, 61, 0.6);
  --color-glass-bg: rgba(27, 25, 24, 0.65);
  --color-glass-edge: rgba(255, 255, 255, 0.12);
  --color-glass-glow: rgba(255, 255, 255, 0.03);
  --color-glass-highlight: rgba(255, 255, 255, 0.08);
  --color-glass-highlight-subtle: rgba(255, 255, 255, 0.04);
  --color-glass-shadow: rgba(0, 0, 0, 0.35);
  --color-glass-text: #FAFAF9;
  --color-glass-text-secondary: #C2BBB7;
  --glass-backdrop-brightness: 0.7;
  --color-border-disabled: #524C47;
  --color-bg-tooltip: #1B1918;
  --color-bg-modal-overlay: rgba(0, 0, 0, 0.6);
  --color-bg-disabled: #857A72;
  --color-fg-disabled: #524C47;
  --color-bg-neutral: #f5f5f5;
  --color-bg-neutral-subtle: rgba(245, 245, 245, 0.2);
  --color-fg-neutral: #4a4a4a;
  --color-fg-neutral-hover: #333333;
  --color-border-neutral: rgba(74, 74, 74, 0.15);
  --color-bg-info: #283A5A;
  --color-bg-info-subtle: rgba(40, 58, 90, 0.4);
  --color-bg-info-pressed: #2F4368;
  --color-fg-info: #8FAED6;
  --color-fg-info-hover: #7D9CC6;
  --color-border-info: #3D5A80;
  --color-bg-success: #224D45;
  --color-bg-success-subtle: rgba(34, 77, 69, 0.4);
  --color-bg-success-pressed: #2A5850;
  --color-fg-success: #7EC4B5;
  --color-fg-success-hover: #6EB5A5;
  --color-fg-success-pressed: #5EA698;
  --color-fg-success-direct-hover: #6EB5A5;
  --color-border-success: #3A6B60;
  --color-bg-warning: #5C4720;
  --color-bg-warning-subtle: rgba(92, 71, 32, 0.4);
  --color-bg-warning-pressed: #6A5228;
  --color-fg-warning: #D4B26E;
  --color-fg-warning-hover: #C4A260;
  --color-border-warning: #7A6438;
  --color-bg-danger: #59242E;
  --color-bg-danger-subtle: rgba(89, 36, 46, 0.4);
  --color-bg-danger-pressed: #662C37;
  --color-fg-danger: #D4919C;
  --color-fg-danger-hover: #C48190;
  --color-fg-danger-pressed: #AA6D78;
  --color-fg-danger-direct-hover: #C48190;
  --color-border-danger: #7A3E4A;
  --color-ribbon-red: #f2385a;
  --color-ribbon-blue: #2469d6;
  --color-ribbon-yellow: #f5a503;
  --color-ribbon-purple: #9b51e0;
  --color-ribbon-green: #0e9e6e;
  --color-user-navy: #4A5D7A;
  --color-user-navy-dark: rgb(48.1, 60.45, 79.3);
  --color-user-blue: #6082A0;
  --color-user-blue-dark: rgb(62.2362204724, 84.5102362205, 104.1637795276);
  --color-user-teal: #4c9987;
  --color-user-teal-dark: rgb(49.4, 99.45, 87.75);
  --color-user-green: #84a944;
  --color-user-green-dark: rgb(85.8, 109.85, 44.2);
  --color-user-yellow: #B8A03C;
  --color-user-yellow-dark: rgb(119.6, 104, 39);
  --color-user-amber: #D49840;
  --color-user-amber-dark: rgb(146.4333333333, 100.4333333333, 32.9666666667);
  --color-user-orange: #C07A54;
  --color-user-orange-dark: rgb(131.1, 77.4333333333, 48.3);
  --color-user-coral: #D4897A;
  --color-user-coral-dark: rgb(164.0585227273, 71.5443181818, 53.0414772727);
  --color-user-red: #A85858;
  --color-user-red-dark: rgb(109.4047244094, 56.9952755906, 56.9952755906);
  --color-user-raspberry: #B05A78;
  --color-user-raspberry-dark: rgb(116.9200819672, 55.9799180328, 77.2381147541);
  --color-user-pink: #A864A0;
  --color-user-pink-dark: rgb(111.5743801653, 62.6256198347, 105.8157024793);
  --color-user-lavender: #8878A8;
  --color-user-lavender-dark: rgb(86.8540540541, 73.3621621622, 113.8378378378);
  --color-user-purple: #5D5478;
  --color-user-purple-dark: rgb(60.45, 54.6, 78);
  --color-user-taupe: #9C8878;
  --color-user-taupe-dark: rgb(103.5, 88.1666666667, 75.9);
  --color-user-brown: #706050;
  --color-user-brown-dark: rgb(72.8, 62.4, 52);
  --color-user-black: #505458;
  --color-user-black-dark: rgb(52, 54.6, 57.2);
  --color-reserved-cream: #d0cab0;
  --color-reserved-cream-dark: rgb(156.4952380952, 144.6095238095, 93.1047619048);
  --color-highlight-bg-yellow: #FFF697;
  --color-highlight-bg-yellow-rgb: 255, 246, 151;
  --color-highlight-bg-yellow-subtle: rgba(255, 246, 151, 0.35);
  --color-highlight-fg-yellow: rgb(227.5, 207.8125, 0);
  --color-highlight-fg-yellow-hover: rgb(176.5, 161.2259615385, 0);
  --color-highlight-bg-purple: #F5C4FF;
  --color-highlight-bg-purple-rgb: 245, 196, 255;
  --color-highlight-bg-purple-subtle: rgba(245, 196, 255, 0.35);
  --color-highlight-fg-purple: rgb(219.0677966102, 43, 255);
  --color-highlight-fg-purple-hover: rgb(162.7796610169, 0, 196);
  --color-highlight-bg-teal: #ADEDFC;
  --color-highlight-bg-teal-rgb: 173, 237, 252;
  --color-highlight-bg-teal-subtle: rgba(173, 237, 252, 0.35);
  --color-highlight-fg-teal: rgb(25.4, 204.6, 246.6);
  --color-highlight-fg-teal-hover: #0686a4;
  --color-highlight-bg-green: #D4EABC;
  --color-highlight-bg-green-rgb: 212, 234, 188;
  --color-highlight-bg-green-subtle: rgba(212, 234, 188, 0.35);
  --color-highlight-fg-green: rgb(137.2386363636, 197.4886363636, 71.5113636364);
  --color-highlight-fg-green-hover: rgb(85.3977272727, 127.1477272727, 39.8522727273);
  --color-highlight-bg-blue: #A6C3F0;
  --color-highlight-bg-blue-rgb: 166, 195, 240;
  --color-highlight-bg-blue-subtle: rgba(166, 195, 240, 0.35);
  --color-highlight-fg-blue: rgb(36.4903846154, 107.0384615385, 216.5096153846);
  --color-highlight-fg-blue-hover: rgb(21.7788461538, 63.8846153846, 129.2211538462);
  --color-highlight-bg-black: #222222;
  --color-highlight-bg-black-hover: rgba(34, 34, 34, 0.45);
  --color-highlight-bg-black-rgb: 34, 34, 34;
  --color-highlight-bg-black-subtle: rgba(34, 34, 34, 0.35);
  --color-highlight-fg-black: rgb(26.0298507463, 23.6417910448, 21.9701492537);
  --color-highlight-fg-black-hover: #6d635c;
  --color-comment-bg: #6B5A2E;
  --color-comment-bg-selected: #8C7530;
  --color-find-bg: #3D5E44;
  --color-find-bg-selected: #4A7A55;
  --color-data-blue: #3b7dd8;
  --color-data-blue-muted: rgba(59, 125, 216, 0.2);
  --color-data-blue-subtle: rgba(59, 125, 216, 0.05);
  --color-data-amber: #e5a857;
  --color-data-amber-muted: rgba(229, 168, 87, 0.2);
  --color-data-amber-subtle: rgba(229, 168, 87, 0.05);
  --color-data-pink: #f472b6;
  --color-data-pink-muted: rgba(244, 114, 182, 0.2);
  --color-data-pink-subtle: rgba(244, 114, 182, 0.05);
  --color-data-green: #5bbf9a;
  --color-data-green-muted: rgba(91, 191, 154, 0.2);
  --color-data-green-subtle: rgba(91, 191, 154, 0.05);
  --color-data-purple: #a78bfa;
  --color-data-purple-muted: rgba(167, 139, 250, 0.2);
  --color-data-purple-subtle: rgba(167, 139, 250, 0.05);
  --color-gradient-interactive: linear-gradient(180deg, rgba(101, 184, 245, 0.20) 0%, rgba(35, 84, 170, 0.20) 100%), #2469D6;
  --color-gradient-danger: linear-gradient(180deg, rgba(101, 184, 245, 0.20) 0%, rgba(35, 84, 170, 0.20) 100%), #DC2626;
}