:root{--dox-color-blue-900: #003D6E;--dox-color-blue-900-h: 207;--dox-color-blue-900-s: 100%;--dox-color-blue-900-l: 22%;--dox-color-blue-500: #00538A;--dox-color-blue-500-h: 204;--dox-color-blue-500-s: 100%;--dox-color-blue-500-l: 27%;--dox-color-blue-400: #1670AD;--dox-color-blue-400-h: 204;--dox-color-blue-400-s: 77%;--dox-color-blue-400-l: 38%;--dox-color-blue-100: #DAEEFB;--dox-color-blue-100-h: 204;--dox-color-blue-100-s: 80%;--dox-color-blue-100-l: 92%;--dox-color-green-900: #218231;--dox-color-green-900-h: 130;--dox-color-green-900-s: 60%;--dox-color-green-900-l: 32%;--dox-color-green-500: #26A53B;--dox-color-green-500-h: 130;--dox-color-green-500-s: 63%;--dox-color-green-500-l: 40%;--dox-color-green-100: #5ADC70;--dox-color-green-100-h: 130;--dox-color-green-100-s: 65%;--dox-color-green-100-l: 61%;--dox-color-yellow-900: #9E7C00;--dox-color-yellow-900-h: 47;--dox-color-yellow-900-s: 100%;--dox-color-yellow-900-l: 31%;--dox-color-yellow-700: #E4B04A;--dox-color-yellow-700-h: 40;--dox-color-yellow-700-s: 74%;--dox-color-yellow-700-l: 59%;--dox-color-yellow-500: #F4D058;--dox-color-yellow-500-h: 46;--dox-color-yellow-500-s: 88%;--dox-color-yellow-500-l: 65%;--dox-color-yellow-200: #FFEFB8;--dox-color-yellow-200-h: 46;--dox-color-yellow-200-s: 100%;--dox-color-yellow-200-l: 86%;--dox-color-yellow-100: #FFF9E6;--dox-color-yellow-100-h: 46;--dox-color-yellow-100-s: 100%;--dox-color-yellow-100-l: 95%;--dox-color-orange-900: #E0511B;--dox-color-orange-900-h: 16;--dox-color-orange-900-s: 78%;--dox-color-orange-900-l: 49%;--dox-color-orange-500: #FC632A;--dox-color-orange-500-h: 16;--dox-color-orange-500-s: 97%;--dox-color-orange-500-l: 58%;--dox-color-orange-100: #FFA17E;--dox-color-orange-100-h: 16;--dox-color-orange-100-s: 100%;--dox-color-orange-100-l: 75%;--dox-color-red-900: #c80600;--dox-color-red-900-h: 2;--dox-color-red-900-s: 100%;--dox-color-red-900-l: 39%;--dox-color-red-500: #ff3b30;--dox-color-red-500-h: 3;--dox-color-red-500-s: 100%;--dox-color-red-500-l: 59%;--dox-color-red-100: #fd8d8d;--dox-color-red-100-h: 0;--dox-color-red-100-s: 97%;--dox-color-red-100-l: 77%;--dox-color-black: #000000;--dox-color-black-h: 0;--dox-color-black-s: 0%;--dox-color-black-l: 0%;--dox-color-gray-900: #121212;--dox-color-gray-900-h: 0;--dox-color-gray-900-s: 0%;--dox-color-gray-900-l: 7%;--dox-color-gray-850: #2a2a2a;--dox-color-gray-850-h: 0;--dox-color-gray-850-s: 0%;--dox-color-gray-850-l: 16%;--dox-color-gray-800: #333333;--dox-color-gray-800-h: 0;--dox-color-gray-800-s: 0%;--dox-color-gray-800-l: 20%;--dox-color-gray-750: #5c5c5c;--dox-color-gray-750-h: 0;--dox-color-gray-750-s: 0%;--dox-color-gray-750-l: 36%;--dox-color-gray-700: #585858;--dox-color-gray-700-h: 0;--dox-color-gray-700-s: 0%;--dox-color-gray-700-l: 35%;--dox-color-gray-650: #757575;--dox-color-gray-650-h: 0;--dox-color-gray-650-s: 0%;--dox-color-gray-650-l: 46%;--dox-color-gray-600: #666666;--dox-color-gray-600-h: 0;--dox-color-gray-600-s: 0%;--dox-color-gray-600-l: 40%;--dox-color-gray-550: #7f7f7f;--dox-color-gray-550-h: 0;--dox-color-gray-550-s: 0%;--dox-color-gray-550-l: 50%;--dox-color-gray-500: #999999;--dox-color-gray-500-h: 0;--dox-color-gray-500-s: 0%;--dox-color-gray-500-l: 60%;--dox-color-gray-450: #aaaaaa;--dox-color-gray-450-h: 0;--dox-color-gray-450-s: 0%;--dox-color-gray-450-l: 67%;--dox-color-gray-400: #bbbbbb;--dox-color-gray-400-h: 0;--dox-color-gray-400-s: 0%;--dox-color-gray-400-l: 73%;--dox-color-gray-350: #d4d4d4;--dox-color-gray-350-h: 0;--dox-color-gray-350-s: 0%;--dox-color-gray-350-l: 83%;--dox-color-gray-300: #eeeeee;--dox-color-gray-300-h: 0;--dox-color-gray-300-s: 0%;--dox-color-gray-300-l: 93%;--dox-color-gray-250: #f0f0f0;--dox-color-gray-250-h: 0;--dox-color-gray-250-s: 0%;--dox-color-gray-250-l: 94%;--dox-color-gray-200: #f5f5f5;--dox-color-gray-200-h: 0;--dox-color-gray-200-s: 0%;--dox-color-gray-200-l: 96%;--dox-color-gray-150: #f7f7f7;--dox-color-gray-150-h: 0;--dox-color-gray-150-s: 0%;--dox-color-gray-150-l: 97%;--dox-color-gray-100: #fafafa;--dox-color-gray-100-h: 0;--dox-color-gray-100-s: 0%;--dox-color-gray-100-l: 98%;--dox-color-white: #ffffff;--dox-color-white-h: 0;--dox-color-white-s: 0%;--dox-color-white-l: 100%;--dox-color-london-fog: #F6F7FB;--dox-color-london-fog-h: 228;--dox-color-london-fog-s: 38%;--dox-color-london-fog-l: 97%;--dox-color-manatee: #E7E9F0;--dox-color-manatee-h: 227;--dox-color-manatee-s: 23%;--dox-color-manatee-l: 92%;--dox-color-twitter: #1da1f2;--dox-color-facebook: #3b5998;--dox-color-linkedin: #0077b5;--dox-color-youtube: #ff0000;--dox-color-instagram: #e4405f;--dox-color-pinterest: #bd081c;--dox-color-github: #333;--dox-color-google: #dd4b39;--dox-color-whatsapp: #25d366;--dox-color-vimeo: #1ab7ea;--dox-color-tumblr: #35465c;--dox-color-snapchat: #fffc00;--dox-color-skype: #00aff0;--dox-color-slack: #2eb57d;--dox-color-reddit: #ff4500;--dox-color-quora: #b92b27;--dox-color-medium: #02b875;--dox-color-dataviz-emerald: #93d888;--dox-color-dataviz-tangerine: #f98970;--dox-color-dataviz-skyblue: #81d3f9;--dox-color-dataviz-lemon: #fdd854;--dox-color-dataviz-steel-blue: #5f86d3;--dox-color-dataviz-pink: #f95d9f;--dox-color-dataviz-slate: #958d8d;--dox-color-dataviz-cyan: #37d2e5;--dox-color-dataviz-orchid: #b861d0;--dox-color-dataviz-cadet-blue: #76a8b9;--dox-color-dataviz-silver: #afc0c7;--dox-color-dataviz-coral: #ed727f;--dox-color-dataviz-purple: #8570d4;--dox-color-dataviz-teal: #30bbb6;--dox-color-dataviz-goldenrod: #fbad3d;--dox-color-dataviz-olive: #789470;--dox-color-dataviz-lime: #c9e658;--dox-color-dataviz-turquoise: #3be5c0;--dox-color-dataviz-emerald-light: #ceeecd;--dox-color-dataviz-tangerine-light: #fcccc5;--dox-color-dataviz-skyblue-light: #b2e4fb;--dox-color-dataviz-lemon-light: #ffedba;--dox-color-dataviz-steel-blue-light: #b6caeb;--dox-color-dataviz-pink-light: #fcbad5;--dox-color-dataviz-slate-light: #cfcecf;--dox-color-dataviz-cyan-light: #92ecf3;--dox-color-dataviz-orchid-light: #e0bdea;--dox-color-dataviz-cadet-blue-light: #c1d9e1;--dox-color-dataviz-silver-light: #e9eeef;--dox-color-dataviz-coral-light: #fcced8;--dox-color-dataviz-purple-light: #c8c2eb;--dox-color-dataviz-teal-light: #95e1df;--dox-color-dataviz-goldenrod-light: #fdcf89;--dox-color-dataviz-olive-light: #b0c2af;--dox-color-dataviz-lime-light: #ddf1a1;--dox-color-dataviz-turquoise-light: #71f0d7;--dox-blue-900: var(--dox-color-blue-900) /* DEPRECATED: use --dox-color-blue-900 */;--dox-blue-500: var(--dox-color-blue-500) /* DEPRECATED: use --dox-color-blue-500 */;--dox-blue-400: var(--dox-color-blue-400) /* DEPRECATED: use --dox-color-blue-400 */;--dox-blue-100: var(--dox-color-blue-100) /* DEPRECATED: use --dox-color-blue-100 */;--dox-green-900: var(--dox-color-green-900) /* DEPRECATED: use --dox-color-green-900 */;--dox-green-500: var(--dox-color-green-500) /* DEPRECATED: use --dox-color-green-500 */;--dox-green-100: var(--dox-color-green-100) /* DEPRECATED: use --dox-color-green-100 */;--dox-yellow-900: var(--dox-color-yellow-900) /* DEPRECATED: use --dox-color-yellow-900 */;--dox-yellow-500: var(--dox-color-yellow-500) /* DEPRECATED: use --dox-color-yellow-500 */;--dox-yellow-200: var(--dox-color-yellow-200) /* DEPRECATED: use --dox-color-yellow-200 */;--dox-yellow-100: var(--dox-color-yellow-100) /* DEPRECATED: use --dox-color-yellow-100 */;--dox-orange-900: var(--dox-color-orange-900) /* DEPRECATED: use --dox-color-orange-900 */;--dox-orange-500: var(--dox-color-orange-500) /* DEPRECATED: use --dox-color-orange-500 */;--dox-orange-100: var(--dox-color-orange-100) /* DEPRECATED: use --dox-color-orange-100 */;--dox-red-900: var(--dox-color-red-900) /* DEPRECATED: use --dox-color-red-900 */;--dox-red-500: var(--dox-color-red-500) /* DEPRECATED: use --dox-color-red-500 */;--dox-red-100: var(--dox-color-red-100) /* DEPRECATED: use --dox-color-red-100 */;--dox-black: var(--dox-color-black) /* DEPRECATED: use --dox-color-black */;--dox-gray-900: var(--dox-color-gray-900) /* DEPRECATED: use --dox-color-gray-900 */;--dox-gray-850: var(--dox-color-gray-850) /* DEPRECATED: use --dox-color-gray-850 */;--dox-gray-800: var(--dox-color-gray-800) /* DEPRECATED: use --dox-color-gray-800 */;--dox-gray-750: var(--dox-color-gray-750) /* DEPRECATED: use --dox-color-gray-750 */;--dox-gray-700: var(--dox-color-gray-700) /* DEPRECATED: use --dox-color-gray-700 */;--dox-gray-650: var(--dox-color-gray-650) /* DEPRECATED: use --dox-color-gray-650 */;--dox-gray-600: var(--dox-color-gray-600) /* DEPRECATED: use --dox-color-gray-600 */;--dox-gray-550: var(--dox-color-gray-550) /* DEPRECATED: use --dox-color-gray-550 */;--dox-gray-500: var(--dox-color-gray-500) /* DEPRECATED: use --dox-color-gray-500 */;--dox-gray-450: var(--dox-color-gray-450) /* DEPRECATED: use --dox-color-gray-450 */;--dox-gray-400: var(--dox-color-gray-400) /* DEPRECATED: use --dox-color-gray-400 */;--dox-gray-350: var(--dox-color-gray-350) /* DEPRECATED: use --dox-color-gray-350 */;--dox-gray-300: var(--dox-color-gray-300) /* DEPRECATED: use --dox-color-gray-300 */;--dox-gray-250: var(--dox-color-gray-250) /* DEPRECATED: use --dox-color-gray-250 */;--dox-gray-200: var(--dox-color-gray-200) /* DEPRECATED: use --dox-color-gray-200 */;--dox-gray-150: var(--dox-color-gray-150) /* DEPRECATED: use --dox-color-gray-150 */;--dox-gray-100: var(--dox-color-gray-100) /* DEPRECATED: use --dox-color-gray-100 */;--dox-white: var(--dox-color-white) /* DEPRECATED: use --dox-color-white */;--dox-london-fog: var(--dox-color-london-fog) /* DEPRECATED: use --dox-color-london-fog */;--dox-manatee: var(--dox-color-manatee) /* DEPRECATED: use --dox-color-manatee */;--dox-color-primary: var(--dox-color-blue-500) /* DEPRECATED: use --dox-color-blue-500 */;--dox-color-secondary: var(--dox-color-gray-300) /* DEPRECATED: use --dox-color-gray-300 */;--dox-color-success: var(--dox-color-green-500) /* DEPRECATED: use --dox-color-green-500 */;--dox-color-warning: var(--dox-color-yellow-500) /* DEPRECATED: use --dox-color-yellow-500 */;--dox-color-destructive: var(--dox-color-red-900) /* DEPRECATED: use --dox-color-red-900 */;--dox-color-info: var(--dox-color-blue-500) /* DEPRECATED: use --dox-color-blue-500 */;--dox-bg-success: var(--dox-bg-positive) /* DEPRECATED: use --dox-bg-positive */;--dox-bg-success-hover: var(--dox-bg-positive-hover) /* DEPRECATED: use --dox-bg-positive-hover */;--dox-bg-success-pressed: var(--dox-bg-positive-pressed) /* DEPRECATED: use --dox-bg-positive-pressed */;--dox-bg-success-selected: var(--dox-bg-positive-selected) /* DEPRECATED: use --dox-bg-positive-selected */;--dox-bg-success-disabled: var(--dox-bg-positive-disabled) /* DEPRECATED: use --dox-bg-positive-disabled */;--dox-bg-success-subtle: var(--dox-bg-positive-subtle) /* DEPRECATED: use --dox-bg-positive-subtle */;--dox-color-text-on-success: var(--dox-color-text-on-positive) /* DEPRECATED: use --dox-color-text-on-positive */;--dox-color-border-success: var(--dox-color-border-positive) /* DEPRECATED: use --dox-color-border-positive */;--dox-bg-destructive: var(--dox-bg-negative) /* DEPRECATED: use --dox-bg-negative */;--dox-bg-destructive-hover: var(--dox-bg-negative-hover) /* DEPRECATED: use --dox-bg-negative-hover */;--dox-bg-destructive-pressed: var(--dox-bg-negative-pressed) /* DEPRECATED: use --dox-bg-negative-pressed */;--dox-bg-destructive-selected: var(--dox-bg-negative-selected) /* DEPRECATED: use --dox-bg-negative-selected */;--dox-bg-destructive-disabled: var(--dox-bg-negative-disabled) /* DEPRECATED: use --dox-bg-negative-disabled */;--dox-bg-destructive-subtle: var(--dox-bg-negative-subtle) /* DEPRECATED: use --dox-bg-negative-subtle */;--dox-color-text-on-destructive: var(--dox-color-text-on-negative) /* DEPRECATED: use --dox-color-text-on-negative */;--dox-color-border-destructive: var(--dox-color-border-negative) /* DEPRECATED: use --dox-color-border-negative */;--dox-bg-secondary: var(--dox-bg-neutral) /* DEPRECATED: use --dox-bg-neutral */;--dox-bg-secondary-hover: var(--dox-bg-neutral-hover) /* DEPRECATED: use --dox-bg-neutral-hover */;--dox-bg-secondary-pressed: var(--dox-bg-neutral-pressed) /* DEPRECATED: use --dox-bg-neutral-pressed */;--dox-bg-secondary-selected: var(--dox-bg-neutral-selected) /* DEPRECATED: use --dox-bg-neutral-selected */;--dox-bg-secondary-disabled: var(--dox-bg-neutral-disabled) /* DEPRECATED: use --dox-bg-neutral-disabled */;--dox-bg-secondary-subtle: var(--dox-bg-neutral-subtle) /* DEPRECATED: use --dox-bg-neutral-subtle */;--dox-color-text-on-secondary: var(--dox-color-text-on-neutral) /* DEPRECATED: use --dox-color-text-on-neutral */;--dox-bg-secondary-alt: var(--dox-bg-neutral-alt) /* DEPRECATED: use --dox-bg-neutral-alt */;--dox-bg-secondary-alt-hover: var(--dox-bg-neutral-alt-hover) /* DEPRECATED: use --dox-bg-neutral-alt-hover */;--dox-bg-secondary-alt-pressed: var(--dox-bg-neutral-alt-pressed) /* DEPRECATED: use --dox-bg-neutral-alt-pressed */;--dox-bg-secondary-alt-selected: var(--dox-bg-neutral-alt-selected) /* DEPRECATED: use --dox-bg-neutral-alt-selected */;--dox-bg-secondary-alt-disabled: var(--dox-bg-neutral-alt-disabled) /* DEPRECATED: use --dox-bg-neutral-alt-disabled */;--dox-color-text-on-secondary-alt: var(--dox-color-text-on-neutral-alt) /* DEPRECATED: use --dox-color-text-on-neutral-alt */;--dox-color-body-font: var(--dox-color-black) /* DEPRECATED: use --dox-color-text */;--dox-color-body-font-secondary: var(--dox-color-gray-600) /* DEPRECATED: use --dox-color-text-secondary */;--dox-color-body-font-tertiary: var(--dox-color-gray-500) /* DEPRECATED: use --dox-color-text-tertiary */;--dox-color-header-font: var(--dox-color-black) /* DEPRECATED: use --dox-color-text */;--dox-color-anchor: var(--dox-color-blue-500) /* DEPRECATED: use --dox-color-text-interactive */;--dox-color-anchor-hover: var(--dox-color-blue-400) /* DEPRECATED: use --dox-color-text-interactive-hover */;--dox-color-text-success: var(--dox-color-text-positive) /* DEPRECATED: use --dox-color-text-positive */;--dox-color-text-destructive: var(--dox-color-text-negative) /* DEPRECATED: use --dox-color-text-negative */}:root{--dox-spacing-xs: 5px;--dox-spacing-sm: 10px;--dox-spacing-md: 15px;--dox-spacing-lg: 20px;--dox-spacing-xl: 25px;--dox-spacing-xxl: 30px;--dox-spacing-xxxl: 35px;--dox-layout-edge-spacing: var(--dox-spacing-xxxl);--dox-radius-round: 99em;--dox-radius-none: 0;--dox-radius-square: 0;--dox-radius-sm: 3px;--dox-radius-md: 5px;--dox-radius-md-lg: 7px;--dox-radius-default: 5px;--dox-radius-lg: 10px;--dox-radius-xl: 15px;--dox-radius-xxl: 20px;--dox-radius-ios: 10px;--dox-radius-android: 99em;--dox-control-font-size-sm: 14px;--dox-control-font-size-md: 16px;--dox-control-font-size-lg: 18px;--dox-control-padding-sm: 12px;--dox-control-padding-md: 20px;--dox-control-padding-lg: 26px;--dox-control-combined-padding-sm: calc(var(--dox-control-padding-sm) / 2) var(--dox-control-padding-sm);--dox-control-combined-padding-md: calc(var(--dox-control-padding-md) / 2) var(--dox-control-padding-md);--dox-control-combined-padding-lg: calc(var(--dox-control-padding-lg) / 2) var(--dox-control-padding-lg);--dox-list-padding-left: 18px;--dox-list-item-margin-left: 18px;--dox-list-item-margin-block: 5px;--dox-container-width: 1180px;--dox-container-width-narrow-large: 780px;--dox-container-width-narrow-medium: 520px;--dox-container-width-narrow-small: 640px}:root{--dox-color-twitter: #1da1f2;--dox-color-facebook: #3b5998;--dox-color-linkedin: #0077b5;--dox-color-youtube: #ff0000;--dox-color-instagram: #e4405f;--dox-color-pinterest: #bd081c;--dox-color-github: #333;--dox-color-google: #dd4b39;--dox-color-whatsapp: #25d366;--dox-color-vimeo: #1ab7ea;--dox-color-tumblr: #35465c;--dox-color-snapchat: #fffc00;--dox-color-skype: #00aff0;--dox-color-slack: #2eb57d;--dox-color-reddit: #ff4500;--dox-color-quora: #b92b27;--dox-color-medium: #02b875;--dox-color-dataviz-emerald: #93d888;--dox-color-dataviz-tangerine: #f98970;--dox-color-dataviz-skyblue: #81d3f9;--dox-color-dataviz-lemon: #fdd854;--dox-color-dataviz-steel-blue: #5f86d3;--dox-color-dataviz-pink: #f95d9f;--dox-color-dataviz-slate: #958d8d;--dox-color-dataviz-cyan: #37d2e5;--dox-color-dataviz-orchid: #b861d0;--dox-color-dataviz-cadet-blue: #76a8b9;--dox-color-dataviz-silver: #afc0c7;--dox-color-dataviz-coral: #ed727f;--dox-color-dataviz-purple: #8570d4;--dox-color-dataviz-teal: #30bbb6;--dox-color-dataviz-goldenrod: #fbad3d;--dox-color-dataviz-olive: #789470;--dox-color-dataviz-lime: #c9e658;--dox-color-dataviz-turquoise: #3be5c0;--dox-color-dataviz-emerald-light: #ceeecd;--dox-color-dataviz-tangerine-light: #fcccc5;--dox-color-dataviz-skyblue-light: #b2e4fb;--dox-color-dataviz-lemon-light: #ffedba;--dox-color-dataviz-steel-blue-light: #b6caeb;--dox-color-dataviz-pink-light: #fcbad5;--dox-color-dataviz-slate-light: #cfcecf;--dox-color-dataviz-cyan-light: #92ecf3;--dox-color-dataviz-orchid-light: #e0bdea;--dox-color-dataviz-cadet-blue-light: #c1d9e1;--dox-color-dataviz-silver-light: #e9eeef;--dox-color-dataviz-coral-light: #fcced8;--dox-color-dataviz-purple-light: #c8c2eb;--dox-color-dataviz-teal-light: #95e1df;--dox-color-dataviz-goldenrod-light: #fdcf89;--dox-color-dataviz-olive-light: #b0c2af;--dox-color-dataviz-lime-light: #ddf1a1;--dox-color-dataviz-turquoise-light: #71f0d7;--dox-mobile-native-font-size-lg: 17px;--dox-mobile-native-font-size-md: 16px;--dox-mobile-native-font-size-sm: 15px;--dox-mobile-native-font-size-xs: 13px;--dox-mobile-native-control-size: 44px;--dox-mobile-native-input-bg: #E9E9EA;--dox-mobile-native-ios-radius: 10px;--dox-mobile-native-ios-radius-input: 10px;--dox-mobile-native-android-radius: 99em;--dox-mobile-native-android-radius-input: 5px;--dox-mobile-native-android-radius-checkbox: 4px;--dox-mobile-native-color-selected-ios: #34C759;--dox-mobile-native-color-selected-android: #1976D2;--dox-color-border-ui: var(--dox-color-border);--dox-color-border-divider: var(--dox-color-border-subtle);--dox-color-border-navigation: var(--dox-color-border-muted);--dox-border: var(--dox-size-border-width) var(--dox-border-style) var(--dox-color-border);--dox-border-subtle: var(--dox-size-border-width) var(--dox-border-style) var(--dox-color-border-subtle);--dox-border-muted: var(--dox-size-border-width) var(--dox-border-style) var(--dox-color-border-muted);--dox-shadow-focus-ring: 0 0 0 1px var(--dox-color-focus);--dox-shadow-focus-ring-offset: 0 0 0 1px var(--dox-bg-surface), 0 0 0 3px var(--dox-color-focus);--dox-form-element-spacing: var(--dox-space-lg);--dox-space-between-buttons: var(--dox-space-sm);--dox-space-between-tags: var(--dox-space-xl);--dox-space-between-inputs: var(--dox-space-lg);--dox-space-between-divider: var(--dox-space-lg);--dox-border-radius-global: var(--dox-border-radius-sm);--dox-blue-900: var(--dox-color-blue-900);--dox-blue-500: var(--dox-color-blue-500);--dox-blue-400: var(--dox-color-blue-400);--dox-blue-100: var(--dox-color-blue-100);--dox-green-900: var(--dox-color-green-900);--dox-green-500: var(--dox-color-green-500);--dox-green-100: var(--dox-color-green-100);--dox-yellow-900: var(--dox-color-yellow-900);--dox-yellow-500: var(--dox-color-yellow-500);--dox-yellow-200: var(--dox-color-yellow-200);--dox-yellow-100: var(--dox-color-yellow-100);--dox-orange-900: var(--dox-color-orange-900);--dox-orange-500: var(--dox-color-orange-500);--dox-orange-100: var(--dox-color-orange-100);--dox-red-900: var(--dox-color-red-900);--dox-red-500: var(--dox-color-red-500);--dox-red-100: var(--dox-color-red-100);--dox-black: var(--dox-color-black);--dox-gray-900: var(--dox-color-gray-900);--dox-gray-850: var(--dox-color-gray-850);--dox-gray-800: var(--dox-color-gray-800);--dox-gray-750: var(--dox-color-gray-750);--dox-gray-700: var(--dox-color-gray-700);--dox-gray-650: var(--dox-color-gray-650);--dox-gray-600: var(--dox-color-gray-600);--dox-gray-550: var(--dox-color-gray-550);--dox-gray-500: var(--dox-color-gray-500);--dox-gray-450: var(--dox-color-gray-450);--dox-gray-400: var(--dox-color-gray-400);--dox-gray-350: var(--dox-color-gray-350);--dox-gray-300: var(--dox-color-gray-300);--dox-gray-250: var(--dox-color-gray-250);--dox-gray-200: var(--dox-color-gray-200);--dox-gray-150: var(--dox-color-gray-150);--dox-gray-100: var(--dox-color-gray-100);--dox-white: var(--dox-color-white);--dox-london-fog: var(--dox-color-london-fog);--dox-manatee: var(--dox-color-manatee);--dox-dark-mode-bg: var(--dox-dark-bg);--dox-dark-mode-surface-900: var(--dox-dark-bg-surface-900);--dox-dark-mode-surface-800: var(--dox-dark-bg-surface-800);--dox-dark-mode-surface-750: var(--dox-dark-bg-surface-750);--dox-dark-mode-surface-700: var(--dox-dark-bg-surface-700);--dox-dark-mode-surface-600: var(--dox-dark-bg-surface-600);--dox-dark-mode-surface-500: var(--dox-dark-bg-surface-500);--dox-dark-mode-surface-400: var(--dox-dark-bg-surface-400);--dox-dark-mode-muted-fg: var(--dox-dark-color-muted);--dox-dark-mode-bg-hover: var(--dox-dark-bg-hover);--dox-dark-mode-bg-active: var(--dox-dark-bg-pressed);--dox-dark-bg-active: var(--dox-dark-bg-pressed);--dox-dark-mode-bg-selected: var(--dox-dark-bg-selected);--dox-dark-mode-disabled-bg: var(--dox-dark-bg-disabled);--dox-dark-mode-card-bg: var(--dox-dark-bg-card);--dox-dark-mode-input-bg: var(--dox-dark-bg-input);--dox-dark-mode-dropdown-bg: var(--dox-dark-bg-dropdown);--dox-dark-mode-dropdown-item-hover: var(--dox-dark-bg-dropdown-hover);--dox-dark-mode-tooltip-bg: var(--dox-dark-bg-tooltip);--dox-dark-mode-tooltip-bg-light: var(--dox-dark-bg-tooltip-light);--dox-dark-mode-code-bg: var(--dox-dark-bg-code);--dox-dark-mode-code-inline-bg: var(--dox-dark-bg-code-inline);--dox-dark-mode-overlay-bg: var(--dox-dark-bg-overlay);--dox-dark-mode-overlay-bg-heavy: var(--dox-dark-bg-overlay-heavy);--dox-dark-mode-alert-info-bg: var(--dox-dark-bg-info-subtle);--dox-dark-mode-alert-success-bg: var(--dox-dark-bg-success-subtle);--dox-dark-mode-alert-warning-bg: var(--dox-dark-bg-warning-subtle);--dox-dark-mode-alert-destructive-bg: var(--dox-dark-bg-destructive-subtle);--dox-dark-mode-alert-default-bg: var(--dox-dark-bg-default-subtle);--dox-dark-mode-primary-bg: var(--dox-dark-bg-primary-subtle);--dox-dark-mode-secondary-bg: var(--dox-dark-bg-secondary-subtle);--dox-dark-mode-skeleton-base: var(--dox-dark-bg-skeleton);--dox-dark-mode-skeleton-shimmer: var(--dox-dark-bg-skeleton-shimmer);--dox-dark-mode-table-stripe-bg: var(--dox-dark-bg-table-stripe);--dox-dark-mode-table-header-bg: var(--dox-dark-bg-table-header);--dox-dark-mode-track-bg: var(--dox-dark-bg-track);--dox-dark-mode-scrollbar-track: var(--dox-dark-bg-scrollbar-track);--dox-dark-mode-scrollbar-thumb: var(--dox-dark-bg-scrollbar-thumb);--dox-dark-mode-scrollbar-thumb-hover: var(--dox-dark-bg-scrollbar-thumb-hover);--dox-dark-mode-text-color: var(--dox-dark-color-text);--dox-dark-mode-text-color-secondary: var(--dox-dark-color-text-secondary);--dox-dark-mode-text-color-secondary-hover: var(--dox-dark-color-text-secondary-hover);--dox-dark-mode-text-color-tertiary: var(--dox-dark-color-text-tertiary);--dox-dark-mode-text-color-placeholder: var(--dox-dark-color-text-placeholder);--dox-dark-mode-text-color-disabled: var(--dox-dark-color-text-disabled);--dox-dark-mode-text-color-dark: var(--dox-dark-color-text-inverse);--dox-dark-mode-link-color: var(--dox-dark-color-link);--dox-dark-mode-link-color-hover: var(--dox-dark-color-link-hover);--dox-dark-mode-link-color-visited: var(--dox-dark-color-link-visited);--dox-dark-mode-icon-color: var(--dox-dark-color-icon);--dox-dark-mode-icon-color-active: var(--dox-dark-color-icon-selected);--dox-dark-color-icon-active: var(--dox-dark-color-icon-selected);--dox-dark-mode-border: var(--dox-dark-color-border);--dox-dark-mode-border-subtle: var(--dox-dark-color-border-subtle);--dox-dark-mode-border-super-subtle: var(--dox-dark-color-border-muted);--dox-dark-mode-border-internal: var(--dox-dark-color-border-hover);--dox-dark-mode-tooltip-border: var(--dox-dark-color-border-tooltip);--dox-dark-mode-tooltip-border-light: var(--dox-dark-color-border-tooltip-light);--dox-dark-mode-alert-info-border: var(--dox-dark-color-border-info);--dox-dark-mode-alert-success-border: var(--dox-dark-color-border-success);--dox-dark-mode-alert-warning-border: var(--dox-dark-color-border-warning);--dox-dark-mode-alert-destructive-border: var(--dox-dark-color-border-destructive);--dox-dark-mode-alert-default-border: var(--dox-dark-color-border-default);--dox-dark-mode-focus-ring-color: var(--dox-dark-color-focus);--dox-dark-mode-primary: var(--dox-dark-color-primary);--dox-dark-mode-primary-hover: var(--dox-dark-color-primary-hover);--dox-dark-mode-primary-active: var(--dox-dark-color-primary-pressed);--dox-dark-color-primary-active: var(--dox-dark-color-primary-pressed);--dox-dark-mode-primary-text: var(--dox-dark-color-text-on-primary);--dox-dark-mode-secondary: var(--dox-dark-color-secondary);--dox-dark-mode-secondary-hover: var(--dox-dark-color-secondary-hover);--dox-dark-mode-secondary-active: var(--dox-dark-color-secondary-pressed);--dox-dark-color-secondary-active: var(--dox-dark-color-secondary-pressed);--dox-dark-mode-secondary-text: var(--dox-dark-color-text-on-secondary);--dox-dark-mode-secondary-alt: var(--dox-dark-color-secondary-alt);--dox-dark-mode-secondary-alt-hover: var(--dox-dark-color-secondary-alt-hover);--dox-dark-mode-secondary-alt-active: var(--dox-dark-color-secondary-alt-pressed);--dox-dark-color-secondary-alt-active: var(--dox-dark-color-secondary-alt-pressed);--dox-dark-mode-secondary-alt-text: var(--dox-dark-color-text-on-secondary-alt);--dox-dark-mode-success: var(--dox-dark-color-success);--dox-dark-mode-success-hover: var(--dox-dark-color-success-hover);--dox-dark-mode-success-active: var(--dox-dark-color-success-pressed);--dox-dark-color-success-active: var(--dox-dark-color-success-pressed);--dox-dark-mode-success-text: var(--dox-dark-color-text-on-success);--dox-dark-mode-warning: var(--dox-dark-color-warning);--dox-dark-mode-warning-hover: var(--dox-dark-color-warning-hover);--dox-dark-mode-warning-active: var(--dox-dark-color-warning-pressed);--dox-dark-color-warning-active: var(--dox-dark-color-warning-pressed);--dox-dark-mode-warning-text: var(--dox-dark-color-text-on-warning);--dox-dark-mode-destructive: var(--dox-dark-color-destructive);--dox-dark-mode-destructive-hover: var(--dox-dark-color-destructive-hover);--dox-dark-mode-destructive-active: var(--dox-dark-color-destructive-pressed);--dox-dark-color-destructive-active: var(--dox-dark-color-destructive-pressed);--dox-dark-mode-destructive-text: var(--dox-dark-color-text-on-destructive);--dox-dark-mode-track-fill: var(--dox-dark-color-track-fill);--dox-dark-mode-shadow-elevation-1: var(--dox-dark-shadow-elevation-1);--dox-dark-mode-shadow-elevation-2: var(--dox-dark-shadow-elevation-2);--dox-dark-mode-shadow-elevation-3: var(--dox-dark-shadow-elevation-3);--dox-dark-mode-shadow-elevation-1-bottom: var(--dox-dark-shadow-elevation-1-bottom);--dox-dark-mode-shadow-elevation-1-top: var(--dox-dark-shadow-elevation-1-top);--dox-dark-mode-shadow-elevation-1-right: var(--dox-dark-shadow-elevation-1-right);--dox-dark-mode-shadow-elevation-1-left: var(--dox-dark-shadow-elevation-1-left);--dox-dark-mode-shadow-inset-top: var(--dox-dark-shadow-inset-top);--dox-dark-mode-shadow-inset-bottom: var(--dox-dark-shadow-inset-bottom);--dox-dark-mode-shadow-inset-left: var(--dox-dark-shadow-inset-left);--dox-dark-mode-shadow-inset-right: var(--dox-dark-shadow-inset-right);--dox-dark-color-success: var(--dox-dark-color-positive);--dox-dark-color-success-hover: var(--dox-dark-color-positive-hover);--dox-dark-color-success-pressed: var(--dox-dark-color-positive-pressed);--dox-dark-color-success-selected: var(--dox-dark-color-positive-selected);--dox-dark-color-text-on-success: var(--dox-dark-color-text-on-positive);--dox-dark-bg-success-subtle: var(--dox-dark-bg-positive-subtle);--dox-dark-color-border-success: var(--dox-dark-color-border-positive);--dox-dark-color-destructive: var(--dox-dark-color-negative);--dox-dark-color-destructive-hover: var(--dox-dark-color-negative-hover);--dox-dark-color-destructive-pressed: var(--dox-dark-color-negative-pressed);--dox-dark-color-destructive-selected: var(--dox-dark-color-negative-selected);--dox-dark-color-text-on-destructive: var(--dox-dark-color-text-on-negative);--dox-dark-bg-destructive-subtle: var(--dox-dark-bg-negative-subtle);--dox-dark-color-border-destructive: var(--dox-dark-color-border-negative);--dox-dark-color-secondary: var(--dox-dark-color-neutral);--dox-dark-color-secondary-hover: var(--dox-dark-color-neutral-hover);--dox-dark-color-secondary-pressed: var(--dox-dark-color-neutral-pressed);--dox-dark-color-secondary-selected: var(--dox-dark-color-neutral-selected);--dox-dark-color-text-on-secondary: var(--dox-dark-color-text-on-neutral);--dox-dark-bg-secondary-subtle: var(--dox-dark-bg-neutral-subtle);--dox-dark-color-secondary-alt: var(--dox-dark-color-neutral-alt);--dox-dark-color-secondary-alt-hover: var(--dox-dark-color-neutral-alt-hover);--dox-dark-color-secondary-alt-pressed: var(--dox-dark-color-neutral-alt-pressed);--dox-dark-color-secondary-alt-selected: var(--dox-dark-color-neutral-alt-selected);--dox-dark-color-text-on-secondary-alt: var(--dox-dark-color-text-on-neutral-alt);--dox-bg-surface-active: var(--dox-bg-surface-pressed);--dox-color-body-font: var(--dox-color-black);--dox-color-body-font-secondary: var(--dox-color-gray-600);--dox-color-body-font-tertiary: var(--dox-color-gray-500);--dox-color-header-font: var(--dox-color-black);--dox-color-anchor: var(--dox-color-blue-500);--dox-color-anchor-hover: var(--dox-color-blue-400);--dox-color-text-success: var(--dox-color-text-positive);--dox-color-text-destructive: var(--dox-color-text-negative);--dox-color-primary: var(--dox-color-blue-500);--dox-color-secondary: var(--dox-color-gray-300);--dox-color-success: var(--dox-color-green-500);--dox-color-warning: var(--dox-color-yellow-500);--dox-color-destructive: var(--dox-color-red-900);--dox-color-info: var(--dox-color-blue-500);--dox-bg-success: var(--dox-bg-positive);--dox-bg-success-hover: var(--dox-bg-positive-hover);--dox-bg-success-pressed: var(--dox-bg-positive-pressed);--dox-bg-success-selected: var(--dox-bg-positive-selected);--dox-bg-success-disabled: var(--dox-bg-positive-disabled);--dox-bg-success-subtle: var(--dox-bg-positive-subtle);--dox-color-text-on-success: var(--dox-color-text-on-positive);--dox-color-border-success: var(--dox-color-border-positive);--dox-bg-destructive: var(--dox-bg-negative);--dox-bg-destructive-hover: var(--dox-bg-negative-hover);--dox-bg-destructive-pressed: var(--dox-bg-negative-pressed);--dox-bg-destructive-selected: var(--dox-bg-negative-selected);--dox-bg-destructive-disabled: var(--dox-bg-negative-disabled);--dox-bg-destructive-subtle: var(--dox-bg-negative-subtle);--dox-color-text-on-destructive: var(--dox-color-text-on-negative);--dox-color-border-destructive: var(--dox-color-border-negative);--dox-bg-secondary: var(--dox-bg-neutral);--dox-bg-secondary-hover: var(--dox-bg-neutral-hover);--dox-bg-secondary-pressed: var(--dox-bg-neutral-pressed);--dox-bg-secondary-selected: var(--dox-bg-neutral-selected);--dox-bg-secondary-disabled: var(--dox-bg-neutral-disabled);--dox-bg-secondary-subtle: var(--dox-bg-neutral-subtle);--dox-color-text-on-secondary: var(--dox-color-text-on-neutral);--dox-bg-secondary-alt: var(--dox-bg-neutral-alt);--dox-bg-secondary-alt-hover: var(--dox-bg-neutral-alt-hover);--dox-bg-secondary-alt-pressed: var(--dox-bg-neutral-alt-pressed);--dox-bg-secondary-alt-selected: var(--dox-bg-neutral-alt-selected);--dox-bg-secondary-alt-disabled: var(--dox-bg-neutral-alt-disabled);--dox-color-text-on-secondary-alt: var(--dox-color-text-on-neutral-alt);--dox-font-base: var(--dox-font-family-base);--dox-font-system: var(--dox-font-family-system);--dox-font-ios: var(--dox-font-family-ios);--dox-font-android: var(--dox-font-family-android);--dox-font-code: var(--dox-font-family-code);--dox-font-size-xs: var(--dox-font-size-body-xs);--dox-font-size-sm: var(--dox-font-size-body-sm);--dox-font-size-md: var(--dox-font-size-body-md);--dox-font-size-lg: var(--dox-font-size-body-lg);--dox-font-size-xl: var(--dox-font-size-body-xl);--dox-font-size-xxl: var(--dox-font-size-body-2xl);--dox-font-size-xxxl: var(--dox-font-size-body-3xl);--dox-border-radius-xs: 3px;--dox-border-radius-sm: 5px;--dox-border-radius-md: 7px;--dox-border-radius-lg: 10px;--dox-border-radius-xl: 15px;--dox-border-radius-xxl: 20px;--dox-border-radius-round: 99em;--dox-border-radius-none: 0;--dox-border-radius-square: 0;--dox-border-radius-ios: 10px;--dox-border-radius-android: 99em;--dox-size-border-width: 1px;--dox-border-style: solid;--dox-shadow-color-ambient-elevation-1: rgba(153, 153, 153, 0.2);--dox-shadow-color-ambient-elevation-2: rgba(153, 153, 153, 0.25);--dox-shadow-color-ambient-elevation-3: rgba(153, 153, 153, 0.3);--dox-shadow-color-highlight-elevation-2: rgba(255, 255, 255, 0.05);--dox-shadow-color-highlight-elevation-3: rgba(255, 255, 255, 0.08);--dox-shadow-elevation-1-xyblur: 0 2px 8px 0;--dox-shadow-elevation-1-bottom-xyblur: 0 4px 6px -2px;--dox-shadow-elevation-1-top-xyblur: 0 -4px 6px -2px;--dox-shadow-elevation-1-right-xyblur: 4px 0 6px -2px;--dox-shadow-elevation-1-left-xyblur: -4px 0 6px -2px;--dox-shadow-inset-top-xyblur: inset 0 8px 8px -8px;--dox-shadow-inset-bottom-xyblur: inset 0 -8px 8px -8px;--dox-shadow-inset-left-xyblur: inset 8px 0 8px -8px;--dox-shadow-inset-right-xyblur: inset -8px 0 8px -8px;--dox-shadow-elevation-2-layer-1-xyblur: 0 4px 16px 0;--dox-shadow-elevation-2-layer-2-xyblur: 0 1px 0 0;--dox-shadow-elevation-3-layer-1-xyblur: 0 8px 32px 0;--dox-shadow-elevation-3-layer-2-xyblur: 0 1px 0 0;--dox-shadow-elevation-1-base: var(--dox-shadow-elevation-1-xyblur) var(--dox-shadow-color-ambient-elevation-1);--dox-shadow-elevation-1-bottom-base: var(--dox-shadow-elevation-1-bottom-xyblur) var(--dox-shadow-color-ambient-elevation-1);--dox-shadow-elevation-1-top-base: var(--dox-shadow-elevation-1-top-xyblur) var(--dox-shadow-color-ambient-elevation-1);--dox-shadow-elevation-1-right-base: var(--dox-shadow-elevation-1-right-xyblur) var(--dox-shadow-color-ambient-elevation-1);--dox-shadow-elevation-1-left-base: var(--dox-shadow-elevation-1-left-xyblur) var(--dox-shadow-color-ambient-elevation-1);--dox-shadow-inset-top-base: var(--dox-shadow-inset-top-xyblur) var(--dox-shadow-color-ambient-elevation-1);--dox-shadow-inset-bottom-base: var(--dox-shadow-inset-bottom-xyblur) var(--dox-shadow-color-ambient-elevation-1);--dox-shadow-inset-left-base: var(--dox-shadow-inset-left-xyblur) var(--dox-shadow-color-ambient-elevation-1);--dox-shadow-inset-right-base: var(--dox-shadow-inset-right-xyblur) var(--dox-shadow-color-ambient-elevation-1);--dox-shadow-elevation-2-base: var(--dox-shadow-elevation-2-layer-1-xyblur) var(--dox-shadow-color-ambient-elevation-2), var(--dox-shadow-elevation-2-layer-2-xyblur) var(--dox-shadow-color-highlight-elevation-2);--dox-shadow-elevation-3-base: var(--dox-shadow-elevation-3-layer-1-xyblur) var(--dox-shadow-color-ambient-elevation-3), var(--dox-shadow-elevation-3-layer-2-xyblur) var(--dox-shadow-color-highlight-elevation-3);--dox-space-xxs: 2px;--dox-space-xs: 4px;--dox-space-sm: 8px;--dox-space-md: 12px;--dox-space-lg: 16px;--dox-space-xl: 20px;--dox-space-2xl: 24px;--dox-space-3xl: 32px;--dox-space-4xl: 40px;--dox-space-5xl: 48px;--dox-space-6xl: 56px;--dox-space-7xl: 64px;--dox-font-family-base: Inter, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif;--dox-font-family-system: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif;--dox-font-family-ios: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif;--dox-font-family-android: "Roboto", system-ui, sans-serif;--dox-font-family-code: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, Andale Mono, Ubuntu Mono, monospace;--dox-font-family-serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;--dox-font-size-body-xs: 12px;--dox-font-size-body-sm: 14px;--dox-font-size-body-md: 16px;--dox-font-size-body-lg: 20px;--dox-font-size-body-xl: 24px;--dox-font-size-body-2xl: 28px;--dox-font-size-body-3xl: 34px;--dox-font-size-heading-1: 44px;--dox-font-size-heading-2: 34px;--dox-font-size-heading-3: 24px;--dox-font-size-heading-4: 20px;--dox-font-size-heading-5: 18px;--dox-font-size-heading-6: 17px;--dox-font-size-heading-1-handheld: 34px;--dox-font-size-heading-2-handheld: 24px;--dox-font-size-heading-3-handheld: 20px;--dox-font-size-heading-4-handheld: 18px;--dox-font-size-heading-5-handheld: 17px;--dox-font-size-heading-6-handheld: 16px;--dox-line-height-none: 1;--dox-line-height-tight: 1.1;--dox-line-height-normal: 1.2;--dox-line-height-relaxed: 1.5;--dox-line-height-loose: 1.65;--dox-line-height-body: var(--dox-line-height-normal);--dox-line-height-heading: var(--dox-line-height-body);--dox-font-weight-body: 400;--dox-font-weight-medium: 500;--dox-font-weight-semibold: 600;--dox-font-weight-heading: 700;--dox-font-scale-global: 100%;--dox-font-size-global: 16px;--dox-control-height-xs: 24px;--dox-control-height-sm: 30px;--dox-control-height-md: 42px;--dox-control-height-lg: 54px;--dox-container-width-fluid: calc(100% - var(--dox-layout-edge-spacing) * 2);--dox-container-width-default: 1180px;--dox-container-width-lg: 750px;--dox-container-width-md: 520px;--dox-container-width-sm: 320px;--dox-grid-gutter: var(--dox-space-lg);--dox-grid-gutter-mobile: var(--dox-space-md);--dox-transition-duration: 0.15s;--dox-transition-duration-slow: 0.3s;--dox-transition-timing: ease;--dox-transition-ease-out: cubic-bezier(0.0, 0.0, 0.2, 1);--dox-transition-ease-in: cubic-bezier(0.4, 0.0, 1, 1);--dox-transition-ease-in-out: cubic-bezier(0.4, 0.0, 0.2, 1);--dox-delay-tooltip: 500ms;--dox-z-base: 0;--dox-z-layer: 10;--dox-z-sticky: 100;--dox-z-popover: 1000;--dox-z-overlay: 9999;--dox-z-dialog: 10000;--dox-z-tooltip: 10001;--dox-z-toast: 10002;--dox-z-max: 10003;--dox-opacity-disabled: 0.5;--dox-opacity-overlay: 0.5;--dox-opacity-overlay-heavy: 0.9;--dox-opacity-hover: 0.6;--dox-cursor-interactive: pointer;--dox-cursor-disabled: not-allowed}:root{--dox-dark-bg: #121212 /* Base background color */;--dox-dark-bg-surface-900: #000000 /* Pure black - use sparingly */;--dox-dark-bg-surface-800: var(--dox-dark-bg) /* Base background */;--dox-dark-bg-surface-750: #1d1d20 /* Card type areas */;--dox-dark-bg-surface-700: #242426 /* Elevated surface (drawers, modals, flyouts) */;--dox-dark-bg-surface-600: #2A2A2A /* Higher elevation (dropdowns, menus) */;--dox-dark-bg-surface-500: #3A3A3C /* Input-specific elevation */;--dox-dark-bg-surface-400: #424242 /* Even higher elevation (callouts, notifications) */;--dox-dark-bg-hover: #3C3C3C /* Hover state for items in dropdowns/lists */;--dox-dark-bg-pressed: #3E4148 /* Pressed state (:active) */;--dox-dark-bg-selected: #1F2937 /* Selected items - slight blue tint */;--dox-dark-bg-disabled: #3D3D40 /* Disabled control background */;--dox-dark-bg-card: var(--dox-dark-bg-surface-750) /* Card component background */;--dox-dark-bg-input: var(--dox-dark-bg-surface-500) /* Form input background */;--dox-dark-bg-dropdown: var(--dox-dark-bg-surface-600) /* Dropdown menu background */;--dox-dark-bg-dropdown-hover: var(--dox-dark-bg-hover) /* Dropdown item hover state */;--dox-dark-bg-tooltip: #1D2029 /* Tooltips, popovers, context menus */;--dox-dark-bg-tooltip-light: color-mix(in srgb, var(--dox-dark-bg-tooltip) 90%, white) /* Light variant tooltip background */;--dox-dark-bg-code: #131418 /* Code block background */;--dox-dark-bg-code-inline: color-mix(in srgb, #8b7ec8 35%, var(--dox-dark-bg-surface-750) 65%) /* Inline code - subtle purple tint */;--dox-dark-bg-code-highlight: rgba(99, 123, 184, 0.15) /* Highlighted line background */;--dox-dark-bg-code-selection: rgba(99, 123, 184, 0.3) /* Selected code background */;--dox-dark-bg-overlay: rgba(0, 0, 0, 0.5) /* Modal backdrop */;--dox-dark-bg-overlay-heavy: rgba(0, 0, 0, 0.8) /* Heavy modal backdrop */;--dox-dark-bg-positive-subtle: rgba(50, 215, 75, 0.1) /* Subtle positive background */;--dox-dark-bg-warning-subtle: rgba(255, 214, 10, 0.1) /* Subtle warning background */;--dox-dark-bg-negative-subtle: rgba(255, 69, 58, 0.1) /* Subtle negative background */;--dox-dark-bg-info-subtle: rgba(10, 132, 255, 0.1) /* Subtle info background */;--dox-dark-bg-default-subtle: rgba(180, 200, 255, 0.06) /* Subtle default/neutral background */;--dox-dark-bg-primary-subtle: rgba(16, 95, 146, 0.1) /* Subtle primary background */;--dox-dark-bg-neutral-subtle: rgba(110, 110, 115, 0.1) /* Subtle neutral background */;--dox-dark-bg-diff-addition: rgba(46, 160, 67, 0.15) /* Diff addition line background */;--dox-dark-bg-diff-addition-word: rgba(46, 160, 67, 0.4) /* Diff addition word highlight */;--dox-dark-bg-diff-deletion: rgba(248, 81, 73, 0.15) /* Diff deletion line background */;--dox-dark-bg-diff-deletion-word: rgba(248, 81, 73, 0.4) /* Diff deletion word highlight */;--dox-dark-bg-skeleton: color-mix(in oklch, var(--dox-dark-bg-surface-750) 92%, white 8%) /* Skeleton loader base */;--dox-dark-bg-skeleton-shimmer: color-mix(in oklch, var(--dox-dark-bg-surface-750) 84%, white 16%) /* Skeleton loader shimmer highlight */;--dox-dark-bg-table-stripe: color-mix(in srgb, var(--dox-dark-bg-surface-700) 98%, #3b82f6) /* Alternating table rows */;--dox-dark-bg-table-header: color-mix(in srgb, var(--dox-dark-bg-surface-700) 90%, #3b82f6) /* Table header background */;--dox-dark-bg-track: var(--dox-dark-bg-input) /* Slider/switch track background */;--dox-dark-bg-scrollbar-track: #1A1A1A /* Scrollbar track background */;--dox-dark-bg-scrollbar-thumb: #4A4A4F /* Scrollbar thumb */;--dox-dark-bg-scrollbar-thumb-hover: #5A5A5F /* Scrollbar thumb on hover */;--dox-dark-color-text: #F2F2F7 /* ~95% white - main text */;--dox-dark-color-text-secondary: #A5A5AA /* ~65% - secondary text */;--dox-dark-color-text-secondary-hover: color-mix(in srgb, var(--dox-dark-color-text-secondary) 60%, var(--dox-dark-color-text)) /* Secondary text on hover */;--dox-dark-color-text-tertiary: #78787D /* ~48% - tertiary text */;--dox-dark-color-text-placeholder: rgba(255, 255, 255, 0.45) /* 45% - placeholder text (3.4:1 contrast) */;--dox-dark-color-text-disabled: #606065 /* ~28% - disabled state */;--dox-dark-color-text-inverse: #121212 /* Dark text on light elements */;--dox-dark-color-muted: #48484A /* Muted foreground */;--dox-dark-color-link: #2E8DC8 /* Link color - lightened from dark primary for visibility */;--dox-dark-color-link-hover: #4A9FD4 /* Link hover state */;--dox-dark-color-link-visited: #8B7EC8 /* Visited link - purple tint */;--dox-dark-color-icon: var(--dox-dark-color-text) /* Default icon color */;--dox-dark-color-icon-selected: var(--dox-dark-color-link) /* Selected/active icon */;--dox-dark-color-border: #525255 /* Default border (cards, inputs, dropdowns) */;--dox-dark-color-border-subtle: #3E3F44 /* Content dividers (hr, lists, table rows) */;--dox-dark-color-border-muted: #27282A /* Very subtle borders (nav, sidebar) */;--dox-dark-color-border-hover: #6A6A75 /* Border on hover */;--dox-dark-color-border-tooltip: #38393F /* Tooltip border */;--dox-dark-color-border-tooltip-light: color-mix(in srgb, var(--dox-dark-color-border-tooltip) 80%, white) /* Light tooltip border */;--dox-dark-color-border-code: #30363D /* Code block border */;--dox-dark-color-border-positive: rgba(50, 215, 75, 0.5) /* Positive state border */;--dox-dark-color-border-warning: rgba(255, 214, 10, 0.5) /* Warning state border */;--dox-dark-color-border-negative: rgba(255, 69, 58, 0.5) /* Negative state border */;--dox-dark-color-border-info: rgba(10, 132, 255, 0.5) /* Info state border */;--dox-dark-color-border-default: var(--dox-dark-color-border) /* Default intent border */;--dox-dark-color-focus: rgba(112, 179, 255, 0.5) /* Focus ring color */;--dox-dark-color-primary: #105F92 /* Primary brand color */;--dox-dark-color-primary-hover: #0E507C /* Primary hover state */;--dox-dark-color-primary-pressed: #0C446A /* Primary pressed state (:active) */;--dox-dark-color-primary-selected: #136EAA /* Primary selected UI state */;--dox-dark-color-text-on-primary: var(--dox-dark-color-text) /* Text on primary (4.8:1 contrast) */;--dox-dark-color-neutral: #48484D /* Neutral color */;--dox-dark-color-neutral-hover: #3B3B3F /* Neutral hover state */;--dox-dark-color-neutral-pressed: #323235 /* Neutral pressed state (:active) */;--dox-dark-color-neutral-selected: #525258 /* Neutral selected UI state */;--dox-dark-color-text-on-neutral: var(--dox-dark-color-text) /* Text on neutral (6.0:1 contrast) */;--dox-dark-color-neutral-alt: #5E7C95 /* Neutral alternate color */;--dox-dark-color-neutral-alt-hover: #4E6C85 /* Neutral alt hover state */;--dox-dark-color-neutral-alt-pressed: #3E5C75 /* Neutral alt pressed state (:active) */;--dox-dark-color-neutral-alt-selected: #6E8CA5 /* Neutral alt selected UI state */;--dox-dark-color-text-on-neutral-alt: var(--dox-dark-color-text-inverse) /* Text on neutral alt (4.2:1 contrast) */;--dox-dark-color-positive: #26A53B /* Positive color (matches light mode green-500) */;--dox-dark-color-positive-hover: #218231 /* Positive hover state (matches green-900) */;--dox-dark-color-positive-pressed: #1B6D29 /* Positive pressed state (:active) */;--dox-dark-color-positive-selected: #2DB044 /* Positive selected UI state */;--dox-dark-color-text-on-positive: var(--dox-dark-color-text) /* Text on positive */;--dox-dark-color-warning: #FFD60A /* Warning color */;--dox-dark-color-warning-hover: #E6C000 /* Warning hover state */;--dox-dark-color-warning-pressed: #CCAA00 /* Warning pressed state (:active) */;--dox-dark-color-warning-selected: #FFE033 /* Warning selected UI state */;--dox-dark-color-text-on-warning: var(--dox-dark-color-text-inverse) /* Text on warning (11.8:1 contrast) */;--dox-dark-color-negative: #FF453A /* Negative/error color */;--dox-dark-color-negative-hover: #E63329 /* Negative hover state */;--dox-dark-color-negative-pressed: #CC2920 /* Negative pressed state (:active) */;--dox-dark-color-negative-selected: #FF5E55 /* Negative selected UI state */;--dox-dark-color-text-on-negative: var(--dox-dark-color-text) /* Text on negative (4.7:1 contrast) */;--dox-dark-color-track-fill: var(--dox-dark-color-primary) /* Slider track fill color */;--dox-dark-color-track-fill-alt: var(--dox-dark-color-text-secondary) /* Subtle Slider fill color (loaders) */;--dox-dark-shadow-elevation-1: 0 2px 8px rgba(0, 0, 0, 0.3) /* Subtle elevation (cards, toasts, menus) */;--dox-dark-shadow-elevation-2: 0 4px 16px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.05) /* Medium elevation (dropdowns, tooltips) */;--dox-dark-shadow-elevation-3: 0 8px 32px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.08) /* High elevation (modals, drawers) */;--dox-dark-shadow-elevation-1-bottom: 0 4px 6px -2px rgba(0, 0, 0, 0.3) /* Bottom-only shadow (sticky headers) */;--dox-dark-shadow-elevation-1-top: 0 -4px 6px -2px rgba(0, 0, 0, 0.3) /* Top-only shadow (sticky footers) */;--dox-dark-shadow-elevation-1-right: 4px 0 6px -2px rgba(0, 0, 0, 0.3) /* Right-only shadow (left sidebars) */;--dox-dark-shadow-elevation-1-left: -4px 0 6px -2px rgba(0, 0, 0, 0.3) /* Left-only shadow (right sidebars) */;--dox-dark-shadow-inset-top: inset 0 8px 8px -8px rgba(0, 0, 0, 0.3) /* Top inset shadow (scroll indicators) */;--dox-dark-shadow-inset-bottom: inset 0 -8px 8px -8px rgba(0, 0, 0, 0.3) /* Bottom inset shadow (scroll indicators) */;--dox-dark-shadow-inset-left: inset 8px 0 8px -8px rgba(0, 0, 0, 0.3) /* Left inset shadow (scroll indicators) */;--dox-dark-shadow-inset-right: inset -8px 0 8px -8px rgba(0, 0, 0, 0.3) /* Right inset shadow (scroll indicators) */;--dox-dark-shadow-depth-1: var(--dox-dark-shadow-elevation-1) /* DEPRECATED: use --dox-dark-shadow-elevation-1 */;--dox-dark-shadow-depth-2: var(--dox-dark-shadow-elevation-2) /* DEPRECATED: use --dox-dark-shadow-elevation-2 */;--dox-dark-shadow-depth-3: var(--dox-dark-shadow-elevation-3) /* DEPRECATED: use --dox-dark-shadow-elevation-3 */;--dox-dark-bg-chat-outgoing: #005CE6 /* Outgoing chat bubble background */;--dox-dark-bg-chat-incoming: #38383A /* Incoming chat bubble background */;--dox-dark-mode-bg: var(--dox-dark-bg) /* DEPRECATED: use --dox-dark-bg */;--dox-dark-mode-surface-900: var(--dox-dark-bg-surface-900) /* DEPRECATED: use --dox-dark-bg-surface-900 */;--dox-dark-mode-surface-800: var(--dox-dark-bg-surface-800) /* DEPRECATED: use --dox-dark-bg-surface-800 */;--dox-dark-mode-surface-750: var(--dox-dark-bg-surface-750) /* DEPRECATED: use --dox-dark-bg-surface-750 */;--dox-dark-mode-surface-700: var(--dox-dark-bg-surface-700) /* DEPRECATED: use --dox-dark-bg-surface-700 */;--dox-dark-mode-surface-600: var(--dox-dark-bg-surface-600) /* DEPRECATED: use --dox-dark-bg-surface-600 */;--dox-dark-mode-surface-500: var(--dox-dark-bg-surface-500) /* DEPRECATED: use --dox-dark-bg-surface-500 */;--dox-dark-mode-surface-400: var(--dox-dark-bg-surface-400) /* DEPRECATED: use --dox-dark-bg-surface-400 */;--dox-dark-mode-muted-fg: var(--dox-dark-color-muted) /* DEPRECATED: use --dox-dark-color-muted */;--dox-dark-mode-bg-hover: var(--dox-dark-bg-hover) /* DEPRECATED: use --dox-dark-bg-hover */;--dox-dark-mode-bg-active: var(--dox-dark-bg-pressed) /* DEPRECATED: use --dox-dark-bg-pressed */;--dox-dark-bg-active: var(--dox-dark-bg-pressed) /* DEPRECATED: use --dox-dark-bg-pressed */;--dox-dark-mode-bg-selected: var(--dox-dark-bg-selected) /* DEPRECATED: use --dox-dark-bg-selected */;--dox-dark-mode-disabled-bg: var(--dox-dark-bg-disabled) /* DEPRECATED: use --dox-dark-bg-disabled */;--dox-dark-mode-card-bg: var(--dox-dark-bg-card) /* DEPRECATED: use --dox-dark-bg-card */;--dox-dark-mode-input-bg: var(--dox-dark-bg-input) /* DEPRECATED: use --dox-dark-bg-input */;--dox-dark-mode-dropdown-bg: var(--dox-dark-bg-dropdown) /* DEPRECATED: use --dox-dark-bg-dropdown */;--dox-dark-mode-dropdown-item-hover: var(--dox-dark-bg-dropdown-hover) /* DEPRECATED: use --dox-dark-bg-dropdown-hover */;--dox-dark-mode-tooltip-bg: var(--dox-dark-bg-tooltip) /* DEPRECATED: use --dox-dark-bg-tooltip */;--dox-dark-mode-tooltip-bg-light: var(--dox-dark-bg-tooltip-light) /* DEPRECATED: use --dox-dark-bg-tooltip-light */;--dox-dark-mode-code-bg: var(--dox-dark-bg-code) /* DEPRECATED: use --dox-dark-bg-code */;--dox-dark-mode-code-inline-bg: var(--dox-dark-bg-code-inline) /* DEPRECATED: use --dox-dark-bg-code-inline */;--dox-dark-mode-overlay-bg: var(--dox-dark-bg-overlay) /* DEPRECATED: use --dox-dark-bg-overlay */;--dox-dark-mode-overlay-bg-heavy: var(--dox-dark-bg-overlay-heavy) /* DEPRECATED: use --dox-dark-bg-overlay-heavy */;--dox-dark-mode-alert-info-bg: var(--dox-dark-bg-info-subtle) /* DEPRECATED: use --dox-dark-bg-info-subtle */;--dox-dark-mode-alert-success-bg: var(--dox-dark-bg-success-subtle) /* DEPRECATED: use --dox-dark-bg-success-subtle */;--dox-dark-mode-alert-warning-bg: var(--dox-dark-bg-warning-subtle) /* DEPRECATED: use --dox-dark-bg-warning-subtle */;--dox-dark-mode-alert-destructive-bg: var(--dox-dark-bg-destructive-subtle) /* DEPRECATED: use --dox-dark-bg-destructive-subtle */;--dox-dark-mode-alert-default-bg: var(--dox-dark-bg-default-subtle) /* DEPRECATED: use --dox-dark-bg-default-subtle */;--dox-dark-mode-primary-bg: var(--dox-dark-bg-primary-subtle) /* DEPRECATED: use --dox-dark-bg-primary-subtle */;--dox-dark-mode-secondary-bg: var(--dox-dark-bg-secondary-subtle) /* DEPRECATED: use --dox-dark-bg-secondary-subtle */;--dox-dark-mode-skeleton-base: var(--dox-dark-bg-skeleton) /* DEPRECATED: use --dox-dark-bg-skeleton */;--dox-dark-mode-skeleton-shimmer: var(--dox-dark-bg-skeleton-shimmer) /* DEPRECATED: use --dox-dark-bg-skeleton-shimmer */;--dox-dark-mode-table-stripe-bg: var(--dox-dark-bg-table-stripe) /* DEPRECATED: use --dox-dark-bg-table-stripe */;--dox-dark-mode-table-header-bg: var(--dox-dark-bg-table-header) /* DEPRECATED: use --dox-dark-bg-table-header */;--dox-dark-mode-track-bg: var(--dox-dark-bg-track) /* DEPRECATED: use --dox-dark-bg-track */;--dox-dark-mode-scrollbar-track: var(--dox-dark-bg-scrollbar-track) /* DEPRECATED: use --dox-dark-bg-scrollbar-track */;--dox-dark-mode-scrollbar-thumb: var(--dox-dark-bg-scrollbar-thumb) /* DEPRECATED: use --dox-dark-bg-scrollbar-thumb */;--dox-dark-mode-scrollbar-thumb-hover: var(--dox-dark-bg-scrollbar-thumb-hover) /* DEPRECATED: use --dox-dark-bg-scrollbar-thumb-hover */;--dox-dark-mode-text-color: var(--dox-dark-color-text) /* DEPRECATED: use --dox-dark-color-text */;--dox-dark-mode-text-color-secondary: var(--dox-dark-color-text-secondary) /* DEPRECATED: use --dox-dark-color-text-secondary */;--dox-dark-mode-text-color-secondary-hover: var(--dox-dark-color-text-secondary-hover) /* DEPRECATED: use --dox-dark-color-text-secondary-hover */;--dox-dark-mode-text-color-tertiary: var(--dox-dark-color-text-tertiary) /* DEPRECATED: use --dox-dark-color-text-tertiary */;--dox-dark-mode-text-color-placeholder: var(--dox-dark-color-text-placeholder) /* DEPRECATED: use --dox-dark-color-text-placeholder */;--dox-dark-mode-text-color-disabled: var(--dox-dark-color-text-disabled) /* DEPRECATED: use --dox-dark-color-text-disabled */;--dox-dark-mode-text-color-dark: var(--dox-dark-color-text-inverse) /* DEPRECATED: use --dox-dark-color-text-inverse */;--dox-dark-mode-link-color: var(--dox-dark-color-link) /* DEPRECATED: use --dox-dark-color-link */;--dox-dark-mode-link-color-hover: var(--dox-dark-color-link-hover) /* DEPRECATED: use --dox-dark-color-link-hover */;--dox-dark-mode-link-color-visited: var(--dox-dark-color-link-visited) /* DEPRECATED: use --dox-dark-color-link-visited */;--dox-dark-mode-icon-color: var(--dox-dark-color-icon) /* DEPRECATED: use --dox-dark-color-icon */;--dox-dark-mode-icon-color-active: var(--dox-dark-color-icon-selected) /* DEPRECATED: use --dox-dark-color-icon-selected */;--dox-dark-color-icon-active: var(--dox-dark-color-icon-selected) /* DEPRECATED: use --dox-dark-color-icon-selected */;--dox-dark-mode-border: var(--dox-dark-color-border) /* DEPRECATED: use --dox-dark-color-border */;--dox-dark-mode-border-subtle: var(--dox-dark-color-border-subtle) /* DEPRECATED: use --dox-dark-color-border-subtle */;--dox-dark-mode-border-super-subtle: var(--dox-dark-color-border-muted) /* DEPRECATED: use --dox-dark-color-border-muted */;--dox-dark-mode-border-internal: var(--dox-dark-color-border-hover) /* DEPRECATED: use --dox-dark-color-border-hover */;--dox-dark-mode-tooltip-border: var(--dox-dark-color-border-tooltip) /* DEPRECATED: use --dox-dark-color-border-tooltip */;--dox-dark-mode-tooltip-border-light: var(--dox-dark-color-border-tooltip-light) /* DEPRECATED: use --dox-dark-color-border-tooltip-light */;--dox-dark-mode-alert-info-border: var(--dox-dark-color-border-info) /* DEPRECATED: use --dox-dark-color-border-info */;--dox-dark-mode-alert-success-border: var(--dox-dark-color-border-success) /* DEPRECATED: use --dox-dark-color-border-success */;--dox-dark-mode-alert-warning-border: var(--dox-dark-color-border-warning) /* DEPRECATED: use --dox-dark-color-border-warning */;--dox-dark-mode-alert-destructive-border: var(--dox-dark-color-border-destructive) /* DEPRECATED: use --dox-dark-color-border-destructive */;--dox-dark-mode-alert-default-border: var(--dox-dark-color-border-default) /* DEPRECATED: use --dox-dark-color-border-default */;--dox-dark-mode-focus-ring-color: var(--dox-dark-color-focus) /* DEPRECATED: use --dox-dark-color-focus */;--dox-dark-mode-primary: var(--dox-dark-color-primary) /* DEPRECATED: use --dox-dark-color-primary */;--dox-dark-mode-primary-hover: var(--dox-dark-color-primary-hover) /* DEPRECATED: use --dox-dark-color-primary-hover */;--dox-dark-mode-primary-active: var(--dox-dark-color-primary-pressed) /* DEPRECATED: use --dox-dark-color-primary-pressed */;--dox-dark-color-primary-active: var(--dox-dark-color-primary-pressed) /* DEPRECATED: use --dox-dark-color-primary-pressed */;--dox-dark-mode-primary-text: var(--dox-dark-color-text-on-primary) /* DEPRECATED: use --dox-dark-color-text-on-primary */;--dox-dark-mode-secondary: var(--dox-dark-color-secondary) /* DEPRECATED: use --dox-dark-color-secondary */;--dox-dark-mode-secondary-hover: var(--dox-dark-color-secondary-hover) /* DEPRECATED: use --dox-dark-color-secondary-hover */;--dox-dark-mode-secondary-active: var(--dox-dark-color-secondary-pressed) /* DEPRECATED: use --dox-dark-color-secondary-pressed */;--dox-dark-color-secondary-active: var(--dox-dark-color-secondary-pressed) /* DEPRECATED: use --dox-dark-color-secondary-pressed */;--dox-dark-mode-secondary-text: var(--dox-dark-color-text-on-secondary) /* DEPRECATED: use --dox-dark-color-text-on-secondary */;--dox-dark-mode-secondary-alt: var(--dox-dark-color-secondary-alt) /* DEPRECATED: use --dox-dark-color-secondary-alt */;--dox-dark-mode-secondary-alt-hover: var(--dox-dark-color-secondary-alt-hover) /* DEPRECATED: use --dox-dark-color-secondary-alt-hover */;--dox-dark-mode-secondary-alt-active: var(--dox-dark-color-secondary-alt-pressed) /* DEPRECATED: use --dox-dark-color-secondary-alt-pressed */;--dox-dark-color-secondary-alt-active: var(--dox-dark-color-secondary-alt-pressed) /* DEPRECATED: use --dox-dark-color-secondary-alt-pressed */;--dox-dark-mode-secondary-alt-text: var(--dox-dark-color-text-on-secondary-alt) /* DEPRECATED: use --dox-dark-color-text-on-secondary-alt */;--dox-dark-mode-success: var(--dox-dark-color-success) /* DEPRECATED: use --dox-dark-color-success */;--dox-dark-mode-success-hover: var(--dox-dark-color-success-hover) /* DEPRECATED: use --dox-dark-color-success-hover */;--dox-dark-mode-success-active: var(--dox-dark-color-success-pressed) /* DEPRECATED: use --dox-dark-color-success-pressed */;--dox-dark-color-success-active: var(--dox-dark-color-success-pressed) /* DEPRECATED: use --dox-dark-color-success-pressed */;--dox-dark-mode-success-text: var(--dox-dark-color-text-on-success) /* DEPRECATED: use --dox-dark-color-text-on-success */;--dox-dark-mode-warning: var(--dox-dark-color-warning) /* DEPRECATED: use --dox-dark-color-warning */;--dox-dark-mode-warning-hover: var(--dox-dark-color-warning-hover) /* DEPRECATED: use --dox-dark-color-warning-hover */;--dox-dark-mode-warning-active: var(--dox-dark-color-warning-pressed) /* DEPRECATED: use --dox-dark-color-warning-pressed */;--dox-dark-color-warning-active: var(--dox-dark-color-warning-pressed) /* DEPRECATED: use --dox-dark-color-warning-pressed */;--dox-dark-mode-warning-text: var(--dox-dark-color-text-on-warning) /* DEPRECATED: use --dox-dark-color-text-on-warning */;--dox-dark-mode-destructive: var(--dox-dark-color-destructive) /* DEPRECATED: use --dox-dark-color-destructive */;--dox-dark-mode-destructive-hover: var(--dox-dark-color-destructive-hover) /* DEPRECATED: use --dox-dark-color-destructive-hover */;--dox-dark-mode-destructive-active: var(--dox-dark-color-destructive-pressed) /* DEPRECATED: use --dox-dark-color-destructive-pressed */;--dox-dark-color-destructive-active: var(--dox-dark-color-destructive-pressed) /* DEPRECATED: use --dox-dark-color-destructive-pressed */;--dox-dark-mode-destructive-text: var(--dox-dark-color-text-on-destructive) /* DEPRECATED: use --dox-dark-color-text-on-destructive */;--dox-dark-mode-track-fill: var(--dox-dark-color-track-fill) /* DEPRECATED: use --dox-dark-color-track-fill */;--dox-dark-mode-shadow-elevation-1: var(--dox-dark-shadow-elevation-1) /* DEPRECATED: use --dox-dark-shadow-elevation-1 */;--dox-dark-mode-shadow-elevation-2: var(--dox-dark-shadow-elevation-2) /* DEPRECATED: use --dox-dark-shadow-elevation-2 */;--dox-dark-mode-shadow-elevation-3: var(--dox-dark-shadow-elevation-3) /* DEPRECATED: use --dox-dark-shadow-elevation-3 */;--dox-dark-mode-shadow-elevation-1-bottom: var(--dox-dark-shadow-elevation-1-bottom) /* DEPRECATED: use --dox-dark-shadow-elevation-1-bottom */;--dox-dark-mode-shadow-elevation-1-top: var(--dox-dark-shadow-elevation-1-top) /* DEPRECATED: use --dox-dark-shadow-elevation-1-top */;--dox-dark-mode-shadow-elevation-1-right: var(--dox-dark-shadow-elevation-1-right) /* DEPRECATED: use --dox-dark-shadow-elevation-1-right */;--dox-dark-mode-shadow-elevation-1-left: var(--dox-dark-shadow-elevation-1-left) /* DEPRECATED: use --dox-dark-shadow-elevation-1-left */;--dox-dark-mode-shadow-inset-top: var(--dox-dark-shadow-inset-top) /* DEPRECATED: use --dox-dark-shadow-inset-top */;--dox-dark-mode-shadow-inset-bottom: var(--dox-dark-shadow-inset-bottom) /* DEPRECATED: use --dox-dark-shadow-inset-bottom */;--dox-dark-mode-shadow-inset-left: var(--dox-dark-shadow-inset-left) /* DEPRECATED: use --dox-dark-shadow-inset-left */;--dox-dark-mode-shadow-inset-right: var(--dox-dark-shadow-inset-right) /* DEPRECATED: use --dox-dark-shadow-inset-right */;--dox-dark-color-success: var(--dox-dark-color-positive) /* DEPRECATED: use --dox-dark-color-positive */;--dox-dark-color-success-hover: var(--dox-dark-color-positive-hover) /* DEPRECATED: use --dox-dark-color-positive-hover */;--dox-dark-color-success-pressed: var(--dox-dark-color-positive-pressed) /* DEPRECATED: use --dox-dark-color-positive-pressed */;--dox-dark-color-success-selected: var(--dox-dark-color-positive-selected) /* DEPRECATED: use --dox-dark-color-positive-selected */;--dox-dark-color-text-on-success: var(--dox-dark-color-text-on-positive) /* DEPRECATED: use --dox-dark-color-text-on-positive */;--dox-dark-bg-success-subtle: var(--dox-dark-bg-positive-subtle) /* DEPRECATED: use --dox-dark-bg-positive-subtle */;--dox-dark-color-border-success: var(--dox-dark-color-border-positive) /* DEPRECATED: use --dox-dark-color-border-positive */;--dox-dark-color-destructive: var(--dox-dark-color-negative) /* DEPRECATED: use --dox-dark-color-negative */;--dox-dark-color-destructive-hover: var(--dox-dark-color-negative-hover) /* DEPRECATED: use --dox-dark-color-negative-hover */;--dox-dark-color-destructive-pressed: var(--dox-dark-color-negative-pressed) /* DEPRECATED: use --dox-dark-color-negative-pressed */;--dox-dark-color-destructive-selected: var(--dox-dark-color-negative-selected) /* DEPRECATED: use --dox-dark-color-negative-selected */;--dox-dark-color-text-on-destructive: var(--dox-dark-color-text-on-negative) /* DEPRECATED: use --dox-dark-color-text-on-negative */;--dox-dark-bg-destructive-subtle: var(--dox-dark-bg-negative-subtle) /* DEPRECATED: use --dox-dark-bg-negative-subtle */;--dox-dark-color-border-destructive: var(--dox-dark-color-border-negative) /* DEPRECATED: use --dox-dark-color-border-negative */;--dox-dark-color-secondary: var(--dox-dark-color-neutral) /* DEPRECATED: use --dox-dark-color-neutral */;--dox-dark-color-secondary-hover: var(--dox-dark-color-neutral-hover) /* DEPRECATED: use --dox-dark-color-neutral-hover */;--dox-dark-color-secondary-pressed: var(--dox-dark-color-neutral-pressed) /* DEPRECATED: use --dox-dark-color-neutral-pressed */;--dox-dark-color-secondary-selected: var(--dox-dark-color-neutral-selected) /* DEPRECATED: use --dox-dark-color-neutral-selected */;--dox-dark-color-text-on-secondary: var(--dox-dark-color-text-on-neutral) /* DEPRECATED: use --dox-dark-color-text-on-neutral */;--dox-dark-bg-secondary-subtle: var(--dox-dark-bg-neutral-subtle) /* DEPRECATED: use --dox-dark-bg-neutral-subtle */;--dox-dark-color-secondary-alt: var(--dox-dark-color-neutral-alt) /* DEPRECATED: use --dox-dark-color-neutral-alt */;--dox-dark-color-secondary-alt-hover: var(--dox-dark-color-neutral-alt-hover) /* DEPRECATED: use --dox-dark-color-neutral-alt-hover */;--dox-dark-color-secondary-alt-pressed: var(--dox-dark-color-neutral-alt-pressed) /* DEPRECATED: use --dox-dark-color-neutral-alt-pressed */;--dox-dark-color-secondary-alt-selected: var(--dox-dark-color-neutral-alt-selected) /* DEPRECATED: use --dox-dark-color-neutral-alt-selected */;--dox-dark-color-text-on-secondary-alt: var(--dox-dark-color-text-on-neutral-alt) /* DEPRECATED: use --dox-dark-color-text-on-neutral-alt */}:root{--dox-bg-page: var(--dox-color-white) /* Main page background */;--dox-bg-page-alt: var(--dox-color-london-fog) /* Alternate page background */;--dox-bg-surface: var(--dox-color-white) /* Cards, panels, elevated content */;--dox-bg-surface-sunken: var(--dox-color-gray-100) /* Recessed areas, wells */;--dox-bg-surface-fill: var(--dox-color-gray-200) /* Filled surface areas */;--dox-bg-surface-inverse: var(--dox-dark-bg-surface-900) /* Inverse surface - opposite of current theme */;--dox-bg-surface-hover: var(--dox-color-gray-200) /* Hover state for interactive surfaces */;--dox-bg-surface-pressed: var(--dox-color-blue-100) /* Pressed state (:active pseudo-class) */;--dox-bg-surface-selected: var(--dox-color-manatee) /* Selected item state */;--dox-bg-surface-disabled: var(--dox-color-gray-300) /* Disabled state */;--dox-bg-primary-subtle: color-mix(in srgb, var(--dox-color-blue-100) 50%, transparent) /* Subtle primary background */;--dox-bg-neutral-subtle: color-mix(in srgb, var(--dox-color-gray-300) 50%, transparent) /* Subtle neutral background */;--dox-bg-positive-subtle: color-mix(in srgb, var(--dox-color-green-100) 15%, transparent) /* Subtle positive background */;--dox-bg-warning-subtle: color-mix(in srgb, var(--dox-color-yellow-500) 15%, transparent) /* Subtle warning background */;--dox-bg-negative-subtle: color-mix(in srgb, var(--dox-color-red-100) 15%, transparent) /* Subtle negative/error background */;--dox-bg-info-subtle: color-mix(in srgb, var(--dox-color-gray-300) 45%, transparent) /* Subtle info background */;--dox-bg-default-subtle: var(--dox-color-yellow-100) /* Subtle default/neutral background */;--dox-bg-dialog: var(--dox-color-white) /* Modals, dialogs, drawers */;--dox-bg-dropdown: var(--dox-color-white) /* Dropdown menus */;--dox-bg-card: var(--dox-color-white) /* Card components */;--dox-bg-card-alt: var(--dox-color-manatee) /* Alternate card background — slightly tinted in light mode, standard card dark in dark mode */;--dox-bg-input: var(--dox-color-white) /* Form inputs */;--dox-bg-tooltip: var(--dox-color-black) /* Tooltips and popovers */;--dox-bg-tooltip-light: var(--dox-color-white) /* Light variant for tooltips and popovers */;--dox-bg-item-selection: #DAEEFB /* Text selection or highlighted content background */;--dox-bg-overlay: rgba(0, 0, 0, 0.5) /* Modal backdrop overlay */;--dox-bg-overlay-heavy: rgba(0, 0, 0, 0.8) /* Heavy overlay for focus states */;--dox-bg-fixed-light: var(--dox-color-white) /* Always appears light - backgrounds that stay light in both themes */;--dox-bg-fixed-dark: var(--dox-color-black) /* Always appears dark - backgrounds that stay dark in both themes */;--dox-bg-fixed-dark-subtle: var(--dox-dark-bg-surface-900) /* Dark subtle background - stays dark in both themes */;--dox-bg-chat-outgoing: #E7F0FF /* Outgoing/user message bubble background */;--dox-bg-chat-incoming: var(--dox-color-gray-200) /* Incoming/received message bubble background */;--dox-color-text: var(--dox-color-black) /* Primary body text */;--dox-color-text-secondary: var(--dox-color-gray-600) /* Secondary/supporting text */;--dox-color-text-tertiary: var(--dox-color-gray-500) /* Tertiary/muted text */;--dox-color-text-disabled: var(--dox-color-gray-400) /* Disabled state text */;--dox-color-text-placeholder: var(--dox-color-gray-500) /* Input placeholder text */;--dox-color-text-interactive: var(--dox-color-blue-500) /* Links and interactive text */;--dox-color-text-interactive-hover: var(--dox-color-blue-400) /* Links and interactive text on hover */;--dox-color-text-primary: var(--dox-color-blue-500) /* Primary intent text — same blue as interactive links */;--dox-color-text-positive: var(--dox-color-green-900) /* Positive/success intent text */;--dox-color-text-warning: var(--dox-color-yellow-900) /* Warning intent text */;--dox-color-text-negative: var(--dox-color-red-900) /* Negative/error intent text */;--dox-color-text-inverse: var(--dox-color-white) /* Text on inverse backgrounds */;--dox-color-text-inverse-secondary: color-mix(in srgb, var(--dox-color-white) 70%, transparent) /* Secondary text on inverse backgrounds */;--dox-color-text-on-neutral-inverse: var(--dox-color-white) /* Text on neutral-inverse background */;--dox-color-text-on-primary: var(--dox-color-white) /* Text on primary color */;--dox-color-text-on-neutral: var(--dox-color-black) /* Text on neutral color */;--dox-color-text-on-neutral-alt: var(--dox-color-white) /* Text on neutral-alt color */;--dox-color-text-on-positive: var(--dox-color-white) /* Text on positive color */;--dox-color-text-on-warning: var(--dox-color-black) /* Text on warning color */;--dox-color-text-on-negative: var(--dox-color-white) /* Text on negative color */;--dox-color-fixed-light: var(--dox-color-text-inverse) /* Always appears light - for text on dark/colored backgrounds */;--dox-color-fixed-dark: var(--dox-color-text) /* Always appears dark - for text on light backgrounds */;--dox-bg-text-highlight: color-mix(in srgb, var(--dox-color-yellow-200) 50%, var(--dox-color-yellow-100)) /* Text highlight background (search matches, name mentions) */;--dox-color-icon: var(--dox-color-black) /* Default icon color */;--dox-color-icon-secondary: var(--dox-color-gray-600) /* Secondary icon color */;--dox-color-icon-tertiary: var(--dox-color-gray-500) /* Tertiary/muted icon color */;--dox-color-icon-selected: var(--dox-color-blue-500) /* Selected/active icon color */;--dox-color-icon-disabled: var(--dox-color-gray-400) /* Disabled icon color */;--dox-color-icon-inverse: var(--dox-color-white) /* Icon on inverse backgrounds */;--dox-color-border: var(--dox-color-gray-350) /* Default border color */;--dox-color-border-subtle: var(--dox-color-gray-300) /* Subtle dividers */;--dox-color-border-muted: color-mix(in srgb, var(--dox-color-gray-300) 75%, transparent) /* Very subtle borders */;--dox-color-border-hover: var(--dox-color-gray-400) /* Border on hover */;--dox-color-border-focus: var(--dox-color-blue-400) /* Border on focus */;--dox-color-border-disabled: var(--dox-color-gray-300) /* Disabled border */;--dox-color-border-positive: var(--dox-color-green-500) /* Positive state border */;--dox-color-border-warning: var(--dox-color-yellow-900) /* Warning state border */;--dox-color-border-warning-subtle: var(--dox-color-yellow-500) /* Subtle warning state border */;--dox-color-border-negative: var(--dox-color-red-900) /* Negative state border */;--dox-color-border-tooltip: transparent /* Tooltip border */;--dox-color-border-tooltip-light: transparent /* Light variant tooltip border */;--dox-color-focus: var(--dox-color-blue-400) /* Focus ring color */;--dox-shadow-elevation-1: var(--dox-shadow-elevation-1-base) /* Subtle elevation (cards, toasts, menus, inputs) */;--dox-shadow-elevation-1-bottom: var(--dox-shadow-elevation-1-bottom-base) /* Bottom-only shadow (sticky headers, tabs) */;--dox-shadow-elevation-1-top: var(--dox-shadow-elevation-1-top-base) /* Top-only shadow (sticky footers, bottom sheets) */;--dox-shadow-elevation-1-right: var(--dox-shadow-elevation-1-right-base) /* Right-only shadow (left sidebars, drawers) */;--dox-shadow-elevation-1-left: var(--dox-shadow-elevation-1-left-base) /* Left-only shadow (right sidebars, drawers) */;--dox-shadow-inset-top: var(--dox-shadow-inset-top-base) /* Top inset shadow (scroll indicators, recessed tops) */;--dox-shadow-inset-bottom: var(--dox-shadow-inset-bottom-base) /* Bottom inset shadow (scroll indicators, recessed bottoms) */;--dox-shadow-inset-left: var(--dox-shadow-inset-left-base) /* Left inset shadow (scroll indicators, recessed lefts) */;--dox-shadow-inset-right: var(--dox-shadow-inset-right-base) /* Right inset shadow (scroll indicators, recessed rights) */;--dox-shadow-elevation-2: var(--dox-shadow-elevation-2-base) /* Medium elevation (dropdowns, tooltips, popovers) */;--dox-shadow-elevation-3: var(--dox-shadow-elevation-3-base) /* High elevation (modals, drawers) */;--dox-bg-code: var(--dox-color-gray-100) /* Code block background */;--dox-bg-code-inline: var(--dox-color-gray-200) /* Inline code background */;--dox-bg-code-highlight: rgba(255, 235, 59, 0.2) /* Highlighted line background */;--dox-bg-code-selection: rgba(33, 150, 243, 0.2) /* Selected code background */;--dox-color-border-code: var(--dox-color-gray-300) /* Code block border */;--dox-bg-diff-addition: color-mix(in srgb, var(--dox-color-green-100) 40%, white) /* Diff addition line background */;--dox-bg-diff-deletion: color-mix(in srgb, var(--dox-color-red-100) 30%, white) /* Diff deletion line background */;--dox-bg-diff-addition-word: color-mix(in srgb, var(--dox-color-green-100) 70%, white) /* Diff addition word-level highlight */;--dox-bg-diff-deletion-word: color-mix(in srgb, var(--dox-color-red-100) 55%, white) /* Diff deletion word-level highlight */;--dox-color-text-diff-addition: var(--dox-color-green-900) /* Text color for diff additions */;--dox-color-text-diff-deletion: var(--dox-color-red-900) /* Text color for diff deletions */;--dox-bg-primary: var(--dox-color-blue-500) /* Primary action background */;--dox-bg-primary-hover: var(--dox-color-blue-900) /* Primary action hover state */;--dox-bg-primary-pressed: var(--dox-color-blue-900) /* Primary action pressed state (:active) */;--dox-bg-primary-selected: var(--dox-color-blue-400) /* Primary action selected state (toggles, segmented controls) */;--dox-bg-primary-disabled: color-mix(in srgb, var(--dox-color-blue-500) 25%, var(--dox-color-gray-300)) /* Primary action disabled state */;--dox-bg-neutral: var(--dox-color-gray-200) /* Neutral action background */;--dox-bg-neutral-hover: var(--dox-color-gray-350) /* Neutral action hover state */;--dox-bg-neutral-pressed: var(--dox-color-gray-400) /* Neutral action pressed state (:active) */;--dox-bg-neutral-selected: var(--dox-color-gray-350) /* Neutral action selected state */;--dox-bg-neutral-disabled: var(--dox-color-gray-250) /* Neutral action disabled state */;--dox-bg-neutral-alt: var(--dox-color-london-fog) /* Neutral alternate action background */;--dox-bg-neutral-alt-hover: var(--dox-color-gray-700) /* Neutral alternate hover state */;--dox-bg-neutral-alt-pressed: var(--dox-color-gray-750) /* Neutral alternate pressed state (:active) */;--dox-bg-neutral-alt-selected: var(--dox-color-gray-650) /* Neutral alternate selected state */;--dox-bg-neutral-alt-disabled: color-mix(in srgb, var(--dox-color-gray-600) 25%, var(--dox-color-gray-300)) /* Neutral alternate disabled state */;--dox-bg-neutral-inverse: var(--dox-color-gray-800) /* Active/selected UI chrome (tabs, segmented controls) */;--dox-bg-neutral-inverse-hover: var(--dox-color-gray-900) /* UI active hover state */;--dox-bg-neutral-inverse-pressed: var(--dox-color-gray-750) /* UI active pressed state */;--dox-bg-positive: var(--dox-color-green-500) /* Positive action background */;--dox-bg-positive-hover: var(--dox-color-green-900) /* Positive action hover state */;--dox-bg-positive-pressed: var(--dox-color-green-900) /* Positive action pressed state (:active) */;--dox-bg-positive-selected: var(--dox-color-green-500) /* Positive action selected state */;--dox-bg-positive-disabled: color-mix(in srgb, var(--dox-color-green-500) 25%, var(--dox-color-gray-300)) /* Positive action disabled state */;--dox-bg-warning: var(--dox-color-yellow-500) /* Warning action background */;--dox-bg-warning-hover: var(--dox-color-yellow-700) /* Warning action hover state */;--dox-bg-warning-pressed: var(--dox-color-yellow-700) /* Warning action pressed state (:active) */;--dox-bg-warning-selected: var(--dox-color-yellow-200) /* Warning action selected state */;--dox-bg-warning-disabled: color-mix(in srgb, var(--dox-color-yellow-500) 25%, var(--dox-color-gray-300)) /* Warning action disabled state */;--dox-bg-negative: var(--dox-color-red-900) /* Negative action background */;--dox-bg-negative-hover: color-mix(in hsl, var(--dox-color-red-900) 85%, black) /* Negative action hover state */;--dox-bg-negative-pressed: var(--dox-color-red-500) /* Negative action pressed state (:active) */;--dox-bg-negative-selected: var(--dox-color-red-100) /* Negative action selected state */;--dox-bg-negative-disabled: color-mix(in srgb, var(--dox-color-red-500) 25%, var(--dox-color-gray-300)) /* Negative action disabled state */;--dox-bg-skeleton: var(--dox-color-gray-200) /* Skeleton loader base background */;--dox-bg-skeleton-shimmer: var(--dox-color-gray-300) /* Skeleton loader shimmer highlight */;--dox-bg-table-stripe: var(--dox-color-gray-100) /* Alternating table row background */;--dox-bg-table-header: var(--dox-color-gray-200) /* Table header background */;--dox-bg-track: var(--dox-color-gray-350) /* Slider/switch track background */;--dox-color-track-fill: var(--dox-color-blue-500) /* Slider track fill color */;--dox-color-track-fill-alt: var(--dox-color-gray-550) /* Loader (subtle) track fill color */;--dox-bg-scrollbar-track: var(--dox-color-gray-100) /* Scrollbar track background */;--dox-bg-scrollbar-thumb: var(--dox-color-gray-400) /* Scrollbar thumb */;--dox-bg-scrollbar-thumb-hover: var(--dox-color-gray-500) /* Scrollbar thumb on hover */;--dox-color-border-ui: var(--dox-color-border) /* Component boundaries (buttons, inputs, cards) */;--dox-color-border-divider: var(--dox-color-border-subtle) /* Content dividers (hr, list separators) */;--dox-color-border-navigation: var(--dox-color-border-muted) /* Navigation and sidebar borders */;--dox-border: var(--dox-size-border-width) var(--dox-border-style) var(--dox-color-border) /* Standard border shorthand */;--dox-border-subtle: var(--dox-size-border-width) var(--dox-border-style) var(--dox-color-border-subtle) /* Subtle border for dividers */;--dox-border-muted: var(--dox-size-border-width) var(--dox-border-style) var(--dox-color-border-muted) /* Very subtle border for navigation */;--dox-shadow-focus-ring: 0 0 0 1px var(--dox-color-focus) /* Standard focus ring for inline elements */;--dox-shadow-focus-ring-offset: 0 0 0 1px var(--dox-bg-surface), 0 0 0 3px var(--dox-color-focus) /* Focus ring with offset for buttons and controls */;--dox-form-element-spacing: var(--dox-space-lg) /* DEPRECATED: use --dox-space-between-inputs */;--dox-space-between-buttons: var(--dox-space-sm) /* Gap between adjacent buttons */;--dox-space-between-tags: var(--dox-space-xl) /* Gap between tag/chip components */;--dox-space-between-inputs: var(--dox-space-lg) /* Vertical spacing between form inputs */;--dox-space-between-divider: var(--dox-space-lg) /* Spacing around horizontal dividers */;--dox-bg-surface-active: var(--dox-bg-surface-pressed) /* DEPRECATED: use --dox-bg-surface-pressed */}@media (prefers-color-scheme: dark){.dark-theme-enabled-for-mobile-native[data-client=native]:not(.light-theme-selected),.dark-theme-enabled-for-web[data-client=browser]:not(.light-theme-selected){--dox-bg-page: var(--dox-dark-bg);--dox-bg-page-alt: var(--dox-dark-bg);--dox-bg-surface: var(--dox-dark-bg-surface-750);--dox-bg-surface-sunken: var(--dox-dark-bg-surface-600);--dox-bg-surface-fill: var(--dox-dark-bg-surface-600);--dox-bg-surface-inverse: var(--dox-color-white);--dox-bg-surface-hover: var(--dox-dark-bg-hover);--dox-bg-surface-pressed: var(--dox-dark-bg-pressed);--dox-bg-surface-selected: var(--dox-dark-bg-selected);--dox-bg-surface-disabled: var(--dox-dark-bg-disabled);--dox-bg-primary-subtle: var(--dox-dark-bg-primary-subtle);--dox-bg-neutral-subtle: var(--dox-dark-bg-neutral-subtle);--dox-bg-positive-subtle: var(--dox-dark-bg-positive-subtle);--dox-bg-warning-subtle: var(--dox-dark-bg-warning-subtle);--dox-bg-negative-subtle: var(--dox-dark-bg-negative-subtle);--dox-bg-info-subtle: var(--dox-dark-bg-info-subtle);--dox-bg-default-subtle: var(--dox-dark-bg-default-subtle);--dox-bg-dialog: var(--dox-dark-bg-surface-700);--dox-bg-dropdown: var(--dox-dark-bg-dropdown);--dox-bg-card: var(--dox-dark-bg-card);--dox-bg-card-alt: var(--dox-dark-bg-card);--dox-bg-input: var(--dox-dark-bg-input);--dox-bg-tooltip: var(--dox-dark-bg-tooltip);--dox-bg-tooltip-light: var(--dox-dark-bg-tooltip-light);--dox-bg-item-selection: color-mix(in srgb, #2E8DC8 20%, transparent);--dox-bg-overlay: var(--dox-dark-bg-overlay);--dox-bg-overlay-heavy: var(--dox-dark-bg-overlay-heavy);--dox-bg-fixed-light: var(--dox-dark-color-text);--dox-bg-fixed-dark: var(--dox-dark-bg);--dox-bg-fixed-dark-subtle: var(--dox-dark-bg-surface-500);--dox-bg-chat-outgoing: var(--dox-dark-bg-chat-outgoing);--dox-bg-chat-incoming: var(--dox-dark-bg-chat-incoming);--dox-color-text: var(--dox-dark-color-text);--dox-color-text-secondary: var(--dox-dark-color-text-secondary);--dox-color-text-tertiary: var(--dox-dark-color-text-tertiary);--dox-color-text-disabled: var(--dox-dark-color-text-disabled);--dox-color-text-placeholder: var(--dox-dark-color-text-placeholder);--dox-color-text-interactive: var(--dox-dark-color-link);--dox-color-text-interactive-hover: var(--dox-dark-color-link-hover);--dox-color-text-primary: var(--dox-dark-color-link);--dox-color-text-positive: var(--dox-dark-color-positive);--dox-color-text-warning: var(--dox-dark-color-warning);--dox-color-text-negative: var(--dox-dark-color-negative);--dox-color-text-inverse: var(--dox-dark-color-text-inverse);--dox-color-text-inverse-secondary: color-mix(in srgb, var(--dox-dark-color-text-inverse) 70%, transparent);--dox-color-text-on-neutral-inverse: var(--dox-dark-color-text-inverse);--dox-color-text-on-primary: var(--dox-dark-color-text-on-primary);--dox-color-text-on-neutral: var(--dox-dark-color-text-on-neutral);--dox-color-text-on-neutral-alt: var(--dox-dark-color-text-on-neutral-alt);--dox-color-text-on-positive: var(--dox-dark-color-text-on-positive);--dox-color-text-on-warning: var(--dox-dark-color-text-on-warning);--dox-color-text-on-negative: var(--dox-dark-color-text-on-negative);--dox-color-fixed-light: var(--dox-dark-color-text);--dox-color-fixed-dark: var(--dox-dark-color-text-inverse);--dox-bg-text-highlight: #ffcc6640;--dox-color-icon: var(--dox-dark-color-icon);--dox-color-icon-secondary: var(--dox-dark-color-text-secondary);--dox-color-icon-tertiary: var(--dox-dark-color-text-tertiary);--dox-color-icon-selected: var(--dox-dark-color-icon-selected);--dox-color-icon-disabled: var(--dox-dark-color-text-disabled);--dox-color-icon-inverse: var(--dox-dark-color-text-inverse);--dox-color-border: var(--dox-dark-color-border);--dox-color-border-subtle: var(--dox-dark-color-border-subtle);--dox-color-border-muted: var(--dox-dark-color-border-muted);--dox-color-border-hover: var(--dox-dark-color-border-hover);--dox-color-border-focus: var(--dox-dark-color-focus);--dox-color-border-disabled: var(--dox-dark-color-border-muted);--dox-color-border-positive: var(--dox-dark-color-border-positive);--dox-color-border-warning: var(--dox-dark-color-border-warning);--dox-color-border-warning-subtle: var(--dox-dark-color-border-warning);--dox-color-border-negative: var(--dox-dark-color-border-negative);--dox-color-border-tooltip: var(--dox-dark-color-border-tooltip);--dox-color-border-tooltip-light: var(--dox-dark-color-border-tooltip-light);--dox-color-focus: var(--dox-dark-color-focus);--dox-shadow-elevation-1: var(--dox-dark-shadow-elevation-1);--dox-shadow-elevation-1-bottom: var(--dox-dark-shadow-elevation-1-bottom);--dox-shadow-elevation-1-top: var(--dox-dark-shadow-elevation-1-top);--dox-shadow-elevation-1-right: var(--dox-dark-shadow-elevation-1-right);--dox-shadow-elevation-1-left: var(--dox-dark-shadow-elevation-1-left);--dox-shadow-inset-top: var(--dox-dark-shadow-inset-top);--dox-shadow-inset-bottom: var(--dox-dark-shadow-inset-bottom);--dox-shadow-inset-left: var(--dox-dark-shadow-inset-left);--dox-shadow-inset-right: var(--dox-dark-shadow-inset-right);--dox-shadow-elevation-2: var(--dox-dark-shadow-elevation-2);--dox-shadow-elevation-3: var(--dox-dark-shadow-elevation-3);--dox-bg-code: var(--dox-dark-bg-code);--dox-bg-code-inline: var(--dox-dark-bg-code-inline);--dox-bg-code-highlight: var(--dox-dark-bg-code-highlight);--dox-bg-code-selection: var(--dox-dark-bg-code-selection);--dox-color-border-code: var(--dox-dark-color-border-code);--dox-bg-diff-addition: var(--dox-dark-bg-diff-addition);--dox-bg-diff-deletion: var(--dox-dark-bg-diff-deletion);--dox-bg-diff-addition-word: var(--dox-dark-bg-diff-addition-word);--dox-bg-diff-deletion-word: var(--dox-dark-bg-diff-deletion-word);--dox-color-text-diff-addition: var(--dox-dark-color-positive);--dox-color-text-diff-deletion: var(--dox-dark-color-negative);--dox-bg-primary: var(--dox-dark-color-primary);--dox-bg-primary-hover: var(--dox-dark-color-primary-hover);--dox-bg-primary-pressed: var(--dox-dark-color-primary-pressed);--dox-bg-primary-selected: var(--dox-dark-color-primary-selected);--dox-bg-primary-disabled: color-mix(in srgb, var(--dox-dark-color-primary) 25%, var(--dox-dark-bg-disabled));--dox-bg-neutral: var(--dox-dark-color-neutral);--dox-bg-neutral-hover: var(--dox-dark-color-neutral-hover);--dox-bg-neutral-pressed: var(--dox-dark-color-neutral-pressed);--dox-bg-neutral-selected: var(--dox-dark-color-neutral-selected);--dox-bg-neutral-disabled: var(--dox-dark-bg-disabled);--dox-bg-neutral-alt: var(--dox-dark-color-neutral-alt);--dox-bg-neutral-alt-hover: var(--dox-dark-color-neutral-alt-hover);--dox-bg-neutral-alt-pressed: var(--dox-dark-color-neutral-alt-pressed);--dox-bg-neutral-alt-selected: var(--dox-dark-color-neutral-alt-selected);--dox-bg-neutral-alt-disabled: color-mix(in srgb, var(--dox-dark-color-neutral-alt) 25%, var(--dox-dark-bg-disabled));--dox-bg-neutral-inverse: var(--dox-dark-color-text);--dox-bg-neutral-inverse-hover: color-mix(in srgb, var(--dox-dark-color-text) 90%, var(--dox-dark-bg));--dox-bg-neutral-inverse-pressed: color-mix(in srgb, var(--dox-dark-color-text) 80%, var(--dox-dark-bg));--dox-bg-positive: var(--dox-dark-color-positive);--dox-bg-positive-hover: var(--dox-dark-color-positive-hover);--dox-bg-positive-pressed: var(--dox-dark-color-positive-pressed);--dox-bg-positive-selected: var(--dox-dark-color-positive-selected);--dox-bg-positive-disabled: color-mix(in srgb, var(--dox-dark-color-positive) 25%, var(--dox-dark-bg-disabled));--dox-bg-warning: var(--dox-dark-color-warning);--dox-bg-warning-hover: var(--dox-dark-color-warning-hover);--dox-bg-warning-pressed: var(--dox-dark-color-warning-pressed);--dox-bg-warning-selected: var(--dox-dark-color-warning-selected);--dox-bg-warning-disabled: color-mix(in srgb, var(--dox-dark-color-warning) 25%, var(--dox-dark-bg-disabled));--dox-bg-negative: var(--dox-dark-color-negative);--dox-bg-negative-hover: var(--dox-dark-color-negative-hover);--dox-bg-negative-pressed: var(--dox-dark-color-negative-pressed);--dox-bg-negative-selected: var(--dox-dark-color-negative-selected);--dox-bg-negative-disabled: color-mix(in srgb, var(--dox-dark-color-negative) 25%, var(--dox-dark-bg-disabled));--dox-bg-skeleton: var(--dox-dark-bg-skeleton);--dox-bg-skeleton-shimmer: var(--dox-dark-bg-skeleton-shimmer);--dox-bg-table-stripe: var(--dox-dark-bg-table-stripe);--dox-bg-table-header: var(--dox-dark-bg-table-header);--dox-bg-track: var(--dox-dark-bg-track);--dox-color-track-fill: var(--dox-dark-color-track-fill);--dox-color-track-fill-alt: var(--dox-dark-color-track-fill-alt);--dox-bg-scrollbar-track: var(--dox-dark-bg-scrollbar-track);--dox-bg-scrollbar-thumb: var(--dox-dark-bg-scrollbar-thumb);--dox-bg-scrollbar-thumb-hover: var(--dox-dark-bg-scrollbar-thumb-hover)}}.dark-theme-selected.dark-theme-enabled-for-mobile-native[data-client=native]:not(.light-theme-selected),.dark-theme-selected.dark-theme-enabled-for-web[data-client=browser]:not(.light-theme-selected){--dox-bg-page: var(--dox-dark-bg);--dox-bg-page-alt: var(--dox-dark-bg);--dox-bg-surface: var(--dox-dark-bg-surface-750);--dox-bg-surface-sunken: var(--dox-dark-bg-surface-600);--dox-bg-surface-fill: var(--dox-dark-bg-surface-600);--dox-bg-surface-inverse: var(--dox-color-white);--dox-bg-surface-hover: var(--dox-dark-bg-hover);--dox-bg-surface-pressed: var(--dox-dark-bg-pressed);--dox-bg-surface-selected: var(--dox-dark-bg-selected);--dox-bg-surface-disabled: var(--dox-dark-bg-disabled);--dox-bg-primary-subtle: var(--dox-dark-bg-primary-subtle);--dox-bg-neutral-subtle: var(--dox-dark-bg-neutral-subtle);--dox-bg-positive-subtle: var(--dox-dark-bg-positive-subtle);--dox-bg-warning-subtle: var(--dox-dark-bg-warning-subtle);--dox-bg-negative-subtle: var(--dox-dark-bg-negative-subtle);--dox-bg-info-subtle: var(--dox-dark-bg-info-subtle);--dox-bg-default-subtle: var(--dox-dark-bg-default-subtle);--dox-bg-dialog: var(--dox-dark-bg-surface-700);--dox-bg-dropdown: var(--dox-dark-bg-dropdown);--dox-bg-card: var(--dox-dark-bg-card);--dox-bg-card-alt: var(--dox-dark-bg-card);--dox-bg-input: var(--dox-dark-bg-input);--dox-bg-tooltip: var(--dox-dark-bg-tooltip);--dox-bg-tooltip-light: var(--dox-dark-bg-tooltip-light);--dox-bg-item-selection: color-mix(in srgb, #2E8DC8 20%, transparent);--dox-bg-overlay: var(--dox-dark-bg-overlay);--dox-bg-overlay-heavy: var(--dox-dark-bg-overlay-heavy);--dox-bg-fixed-light: var(--dox-dark-color-text);--dox-bg-fixed-dark: var(--dox-dark-bg);--dox-bg-fixed-dark-subtle: var(--dox-dark-bg-surface-500);--dox-bg-chat-outgoing: var(--dox-dark-bg-chat-outgoing);--dox-bg-chat-incoming: var(--dox-dark-bg-chat-incoming);--dox-color-text: var(--dox-dark-color-text);--dox-color-text-secondary: var(--dox-dark-color-text-secondary);--dox-color-text-tertiary: var(--dox-dark-color-text-tertiary);--dox-color-text-disabled: var(--dox-dark-color-text-disabled);--dox-color-text-placeholder: var(--dox-dark-color-text-placeholder);--dox-color-text-interactive: var(--dox-dark-color-link);--dox-color-text-interactive-hover: var(--dox-dark-color-link-hover);--dox-color-text-primary: var(--dox-dark-color-link);--dox-color-text-positive: var(--dox-dark-color-positive);--dox-color-text-warning: var(--dox-dark-color-warning);--dox-color-text-negative: var(--dox-dark-color-negative);--dox-color-text-inverse: var(--dox-dark-color-text-inverse);--dox-color-text-inverse-secondary: color-mix(in srgb, var(--dox-dark-color-text-inverse) 70%, transparent);--dox-color-text-on-neutral-inverse: var(--dox-dark-color-text-inverse);--dox-color-text-on-primary: var(--dox-dark-color-text-on-primary);--dox-color-text-on-neutral: var(--dox-dark-color-text-on-neutral);--dox-color-text-on-neutral-alt: var(--dox-dark-color-text-on-neutral-alt);--dox-color-text-on-positive: var(--dox-dark-color-text-on-positive);--dox-color-text-on-warning: var(--dox-dark-color-text-on-warning);--dox-color-text-on-negative: var(--dox-dark-color-text-on-negative);--dox-color-fixed-light: var(--dox-dark-color-text);--dox-color-fixed-dark: var(--dox-dark-color-text-inverse);--dox-bg-text-highlight: #ffcc6640;--dox-color-icon: var(--dox-dark-color-icon);--dox-color-icon-secondary: var(--dox-dark-color-text-secondary);--dox-color-icon-tertiary: var(--dox-dark-color-text-tertiary);--dox-color-icon-selected: var(--dox-dark-color-icon-selected);--dox-color-icon-disabled: var(--dox-dark-color-text-disabled);--dox-color-icon-inverse: var(--dox-dark-color-text-inverse);--dox-color-border: var(--dox-dark-color-border);--dox-color-border-subtle: var(--dox-dark-color-border-subtle);--dox-color-border-muted: var(--dox-dark-color-border-muted);--dox-color-border-hover: var(--dox-dark-color-border-hover);--dox-color-border-focus: var(--dox-dark-color-focus);--dox-color-border-disabled: var(--dox-dark-color-border-muted);--dox-color-border-positive: var(--dox-dark-color-border-positive);--dox-color-border-warning: var(--dox-dark-color-border-warning);--dox-color-border-warning-subtle: var(--dox-dark-color-border-warning);--dox-color-border-negative: var(--dox-dark-color-border-negative);--dox-color-border-tooltip: var(--dox-dark-color-border-tooltip);--dox-color-border-tooltip-light: var(--dox-dark-color-border-tooltip-light);--dox-color-focus: var(--dox-dark-color-focus);--dox-shadow-elevation-1: var(--dox-dark-shadow-elevation-1);--dox-shadow-elevation-1-bottom: var(--dox-dark-shadow-elevation-1-bottom);--dox-shadow-elevation-1-top: var(--dox-dark-shadow-elevation-1-top);--dox-shadow-elevation-1-right: var(--dox-dark-shadow-elevation-1-right);--dox-shadow-elevation-1-left: var(--dox-dark-shadow-elevation-1-left);--dox-shadow-inset-top: var(--dox-dark-shadow-inset-top);--dox-shadow-inset-bottom: var(--dox-dark-shadow-inset-bottom);--dox-shadow-inset-left: var(--dox-dark-shadow-inset-left);--dox-shadow-inset-right: var(--dox-dark-shadow-inset-right);--dox-shadow-elevation-2: var(--dox-dark-shadow-elevation-2);--dox-shadow-elevation-3: var(--dox-dark-shadow-elevation-3);--dox-bg-code: var(--dox-dark-bg-code);--dox-bg-code-inline: var(--dox-dark-bg-code-inline);--dox-bg-code-highlight: var(--dox-dark-bg-code-highlight);--dox-bg-code-selection: var(--dox-dark-bg-code-selection);--dox-color-border-code: var(--dox-dark-color-border-code);--dox-bg-diff-addition: var(--dox-dark-bg-diff-addition);--dox-bg-diff-deletion: var(--dox-dark-bg-diff-deletion);--dox-bg-diff-addition-word: var(--dox-dark-bg-diff-addition-word);--dox-bg-diff-deletion-word: var(--dox-dark-bg-diff-deletion-word);--dox-color-text-diff-addition: var(--dox-dark-color-positive);--dox-color-text-diff-deletion: var(--dox-dark-color-negative);--dox-bg-primary: var(--dox-dark-color-primary);--dox-bg-primary-hover: var(--dox-dark-color-primary-hover);--dox-bg-primary-pressed: var(--dox-dark-color-primary-pressed);--dox-bg-primary-selected: var(--dox-dark-color-primary-selected);--dox-bg-primary-disabled: color-mix(in srgb, var(--dox-dark-color-primary) 25%, var(--dox-dark-bg-disabled));--dox-bg-neutral: var(--dox-dark-color-neutral);--dox-bg-neutral-hover: var(--dox-dark-color-neutral-hover);--dox-bg-neutral-pressed: var(--dox-dark-color-neutral-pressed);--dox-bg-neutral-selected: var(--dox-dark-color-neutral-selected);--dox-bg-neutral-disabled: var(--dox-dark-bg-disabled);--dox-bg-neutral-alt: var(--dox-dark-color-neutral-alt);--dox-bg-neutral-alt-hover: var(--dox-dark-color-neutral-alt-hover);--dox-bg-neutral-alt-pressed: var(--dox-dark-color-neutral-alt-pressed);--dox-bg-neutral-alt-selected: var(--dox-dark-color-neutral-alt-selected);--dox-bg-neutral-alt-disabled: color-mix(in srgb, var(--dox-dark-color-neutral-alt) 25%, var(--dox-dark-bg-disabled));--dox-bg-neutral-inverse: var(--dox-dark-color-text);--dox-bg-neutral-inverse-hover: color-mix(in srgb, var(--dox-dark-color-text) 90%, var(--dox-dark-bg));--dox-bg-neutral-inverse-pressed: color-mix(in srgb, var(--dox-dark-color-text) 80%, var(--dox-dark-bg));--dox-bg-positive: var(--dox-dark-color-positive);--dox-bg-positive-hover: var(--dox-dark-color-positive-hover);--dox-bg-positive-pressed: var(--dox-dark-color-positive-pressed);--dox-bg-positive-selected: var(--dox-dark-color-positive-selected);--dox-bg-positive-disabled: color-mix(in srgb, var(--dox-dark-color-positive) 25%, var(--dox-dark-bg-disabled));--dox-bg-warning: var(--dox-dark-color-warning);--dox-bg-warning-hover: var(--dox-dark-color-warning-hover);--dox-bg-warning-pressed: var(--dox-dark-color-warning-pressed);--dox-bg-warning-selected: var(--dox-dark-color-warning-selected);--dox-bg-warning-disabled: color-mix(in srgb, var(--dox-dark-color-warning) 25%, var(--dox-dark-bg-disabled));--dox-bg-negative: var(--dox-dark-color-negative);--dox-bg-negative-hover: var(--dox-dark-color-negative-hover);--dox-bg-negative-pressed: var(--dox-dark-color-negative-pressed);--dox-bg-negative-selected: var(--dox-dark-color-negative-selected);--dox-bg-negative-disabled: color-mix(in srgb, var(--dox-dark-color-negative) 25%, var(--dox-dark-bg-disabled));--dox-bg-skeleton: var(--dox-dark-bg-skeleton);--dox-bg-skeleton-shimmer: var(--dox-dark-bg-skeleton-shimmer);--dox-bg-table-stripe: var(--dox-dark-bg-table-stripe);--dox-bg-table-header: var(--dox-dark-bg-table-header);--dox-bg-track: var(--dox-dark-bg-track);--dox-color-track-fill: var(--dox-dark-color-track-fill);--dox-color-track-fill-alt: var(--dox-dark-color-track-fill-alt);--dox-bg-scrollbar-track: var(--dox-dark-bg-scrollbar-track);--dox-bg-scrollbar-thumb: var(--dox-dark-bg-scrollbar-thumb);--dox-bg-scrollbar-thumb-hover: var(--dox-dark-bg-scrollbar-thumb-hover)}