/* @generated by tools/design-tokens from design/system/tokens.json. DO NOT EDIT. digest:fcc591ea4994db2c
 * Change tokens.json and regenerate: cd tools/design-tokens && cargo run generate
 *
 * divdio Graphite Ink: light, dark, high-contrast light and high-contrast dark.
 * <html> without data-theme follows the OS; data-theme="light|dark" is the user's override (prefers-contrast:
 * more still lifts it to high contrast); data-theme="high-contrast-light|high-contrast-dark" forces one theme.
 * Product code uses role (color.*, elevation.*, dataviz.*) and component (component.*) properties only;
 * primitive.* properties exist for previews and tooling. */

:root {
  --primitive-light-neutral-1: #ffffff;
  --primitive-light-neutral-2: #fafafb;
  --primitive-light-neutral-3: #f1f2f3;
  --primitive-light-neutral-4: #e9eaeb;
  --primitive-light-neutral-5: #e1e2e3;
  --primitive-light-neutral-6: #d9dadb;
  --primitive-light-neutral-7: #cdcecf;
  --primitive-light-neutral-8: #b8b9ba;
  --primitive-light-neutral-9: #858688;
  --primitive-light-neutral-10: #78797a;
  --primitive-light-neutral-11: #525254;
  --primitive-light-neutral-12: #0e0e0f;
  --primitive-light-accent-1: #fbfcff;
  --primitive-light-accent-2: #f5f8ff;
  --primitive-light-accent-3: #eaf0ff;
  --primitive-light-accent-4: #dee8ff;
  --primitive-light-accent-5: #d0deff;
  --primitive-light-accent-6: #c0d2ff;
  --primitive-light-accent-7: #a7bfff;
  --primitive-light-accent-8: #88a6f6;
  --primitive-light-accent-9: #2f4be3;
  --primitive-light-accent-10: #2840cb;
  --primitive-light-accent-11: #2c47c7;
  --primitive-light-accent-12: #12215e;
  --primitive-light-success-1: #fbfdfc;
  --primitive-light-success-2: #f5f9f5;
  --primitive-light-success-3: #e9f4ec;
  --primitive-light-success-4: #dcede0;
  --primitive-light-success-5: #cde5d3;
  --primitive-light-success-6: #bcdcc3;
  --primitive-light-success-7: #a4cdae;
  --primitive-light-success-8: #83b891;
  --primitive-light-success-9: #1e8347;
  --primitive-light-success-10: #1a763f;
  --primitive-light-success-11: #1f6f3d;
  --primitive-light-success-12: #0f341c;
  --primitive-light-warning-1: #fefcfb;
  --primitive-light-warning-2: #fbf7f2;
  --primitive-light-warning-3: #f8efe5;
  --primitive-light-warning-4: #f5e5d4;
  --primitive-light-warning-5: #f1dac2;
  --primitive-light-warning-6: #ebcdad;
  --primitive-light-warning-7: #e0b991;
  --primitive-light-warning-8: #cf9f6a;
  --primitive-light-warning-9: #ffa323;
  --primitive-light-warning-10: #f19700;
  --primitive-light-warning-11: #8b5500;
  --primitive-light-warning-12: #412706;
  --primitive-light-danger-1: #fffcfb;
  --primitive-light-danger-2: #fef5f4;
  --primitive-light-danger-3: #ffebe9;
  --primitive-light-danger-4: #ffdfdc;
  --primitive-light-danger-5: #ffd2cc;
  --primitive-light-danger-6: #fec2bb;
  --primitive-light-danger-7: #f6aba3;
  --primitive-light-danger-8: #ea8b82;
  --primitive-light-danger-9: #d0252a;
  --primitive-light-danger-10: #be1b22;
  --primitive-light-danger-11: #b32325;
  --primitive-light-danger-12: #521614;
  --primitive-light-base-white: #ffffff;
  --primitive-light-base-warning-ink: #1c1300;
  --primitive-light-solved-fg-subtle: #6d6d6f;
  --primitive-light-solved-inverse-hover: #202021;
  --primitive-light-alpha-ink-5: rgb(10 10 10 / 0.051);
  --primitive-light-alpha-ink-9: rgb(10 10 10 / 0.0902);
  --primitive-light-alpha-ink-3: rgb(10 10 10 / 0.0314);
  --primitive-light-alpha-ink-4: rgb(10 10 10 / 0.0392);
  --primitive-light-alpha-scrim-40: rgb(10 10 10 / 0.4);
  --primitive-light-alpha-shadow-6: rgb(10 10 10 / 0.0588);
  --primitive-light-alpha-shadow-8: rgb(10 10 10 / 0.0784);
  --primitive-light-alpha-shadow-12: rgb(10 10 10 / 0.1216);
  --primitive-light-alpha-accent-pulse: rgb(47 75 227 / 0.349);
  --primitive-light-alpha-accent-halo: rgb(47 75 227 / 0.251);
  --primitive-light-alpha-clear: rgb(255 255 255 / 0);
  --primitive-light-dataviz-categorical-1: #2563eb;
  --primitive-light-dataviz-categorical-2: #ad5602;
  --primitive-light-dataviz-categorical-3: #2a977d;
  --primitive-light-dataviz-categorical-4: #a1568e;
  --primitive-light-dataviz-categorical-5: #827153;
  --primitive-light-dataviz-categorical-6: #7c81bc;
  --primitive-light-dataviz-categorical-7: #c9733c;
  --primitive-light-dataviz-categorical-8: #636363;
  --primitive-light-dataviz-sequential-1: #eef4ff;
  --primitive-light-dataviz-sequential-2: #d2e2ff;
  --primitive-light-dataviz-sequential-3: #afcbff;
  --primitive-light-dataviz-sequential-4: #88b0fe;
  --primitive-light-dataviz-sequential-5: #5f91f7;
  --primitive-light-dataviz-sequential-6: #3a72e9;
  --primitive-light-dataviz-sequential-7: #2655bc;
  --primitive-light-dataviz-sequential-8: #1a3d86;
  --primitive-light-dataviz-diverging-1: #2655bc;
  --primitive-light-dataviz-diverging-2: #5a89e6;
  --primitive-light-dataviz-diverging-3: #acc5f2;
  --primitive-light-dataviz-diverging-4: #e1e1e1;
  --primitive-light-dataviz-diverging-5: #eebb99;
  --primitive-light-dataviz-diverging-6: #d97e38;
  --primitive-light-dataviz-diverging-7: #a35303;
  --primitive-light-category-red: #ce6a6f;
  --primitive-light-category-orange: #ca7214;
  --primitive-light-category-peach: #ae8108;
  --primitive-light-category-yellow: #908c07;
  --primitive-light-category-green: #289d02;
  --primitive-light-category-teal: #31987f;
  --primitive-light-category-olive: #7a8e69;
  --primitive-light-category-blue: #6487ce;
  --primitive-light-category-purple: #9877d6;
  --primitive-light-category-maroon: #ba7296;
  --primitive-light-category-steel: #8e83a1;
  --primitive-light-category-dark-steel: #4b5976;
  --primitive-light-category-gray: #898887;
  --primitive-light-category-dark-gray: #5a5958;
  --primitive-light-category-black: #292927;
  --primitive-light-category-dark-red: #b5041b;
  --primitive-light-category-dark-orange: #973e02;
  --primitive-light-category-dark-peach: #7a5103;
  --primitive-light-category-dark-yellow: #555303;
  --primitive-light-category-dark-green: #116803;
  --primitive-light-category-dark-teal: #00664d;
  --primitive-light-category-dark-olive: #2d4c17;
  --primitive-light-category-dark-blue: #0053c2;
  --primitive-light-category-dark-purple: #6d2fd5;
  --primitive-light-category-dark-maroon: #a2246b;
  --primitive-light-category-hc-red: #b45359;
  --primitive-light-category-hc-orange: #ab5d04;
  --primitive-light-category-hc-peach: #916b05;
  --primitive-light-category-hc-yellow: #787402;
  --primitive-light-category-hc-green: #208301;
  --primitive-light-category-hc-teal: #068068;
  --primitive-light-category-hc-olive: #647753;
  --primitive-light-category-hc-blue: #4e70b5;
  --primitive-light-category-hc-purple: #815fbc;
  --primitive-light-category-hc-maroon: #a05c7e;
  --primitive-light-category-hc-steel: #776c89;
  --primitive-light-category-hc-dark-steel: #3c4a66;
  --primitive-light-category-hc-gray: #727170;
  --primitive-light-category-hc-dark-gray: #4e4d4c;
  --primitive-light-category-hc-black: #292827;
  --primitive-light-category-hc-dark-red: #990015;
  --primitive-light-category-hc-dark-orange: #7e3301;
  --primitive-light-category-hc-dark-peach: #654303;
  --primitive-light-category-hc-dark-yellow: #454302;
  --primitive-light-category-hc-dark-green: #0c5601;
  --primitive-light-category-hc-dark-teal: #01543f;
  --primitive-light-category-hc-dark-olive: #1d3b03;
  --primitive-light-category-hc-dark-blue: #0144a3;
  --primitive-light-category-hc-dark-purple: #5f14c2;
  --primitive-light-category-hc-dark-maroon: #8f095b;
  --primitive-dark-neutral-1: #0b0b0c;
  --primitive-dark-neutral-2: #121313;
  --primitive-dark-neutral-3: #1b1b1c;
  --primitive-dark-neutral-4: #222324;
  --primitive-dark-neutral-5: #2a2b2c;
  --primitive-dark-neutral-6: #343536;
  --primitive-dark-neutral-7: #454547;
  --primitive-dark-neutral-8: #5d5d5f;
  --primitive-dark-neutral-9: #757677;
  --primitive-dark-neutral-10: #828385;
  --primitive-dark-neutral-11: #bababc;
  --primitive-dark-neutral-12: #f1f2f3;
  --primitive-dark-accent-1: #0e121e;
  --primitive-dark-accent-2: #121828;
  --primitive-dark-accent-3: #182347;
  --primitive-dark-accent-4: #1c2c5e;
  --primitive-dark-accent-5: #233571;
  --primitive-dark-accent-6: #2b3f84;
  --primitive-dark-accent-7: #344c99;
  --primitive-dark-accent-8: #415cb4;
  --primitive-dark-accent-9: #3b5ce4;
  --primitive-dark-accent-10: #4568e9;
  --primitive-dark-accent-11: #9db8ff;
  --primitive-dark-accent-12: #e1e9ff;
  --primitive-dark-success-1: #0d150f;
  --primitive-dark-success-2: #111c14;
  --primitive-dark-success-3: #132c1b;
  --primitive-dark-success-4: #153921;
  --primitive-dark-success-5: #1a4528;
  --primitive-dark-success-6: #215130;
  --primitive-dark-success-7: #29603b;
  --primitive-dark-success-8: #357248;
  --primitive-dark-success-9: #228147;
  --primitive-dark-success-10: #2c894e;
  --primitive-dark-success-11: #72cf8e;
  --primitive-dark-success-12: #d0f2d8;
  --primitive-dark-warning-1: #18110a;
  --primitive-dark-warning-2: #20170d;
  --primitive-dark-warning-3: #362106;
  --primitive-dark-warning-4: #462900;
  --primitive-dark-warning-5: #543100;
  --primitive-dark-warning-6: #633b00;
  --primitive-dark-warning-7: #744703;
  --primitive-dark-warning-8: #8a560b;
  --primitive-dark-warning-9: #fda42e;
  --primitive-dark-warning-10: #ffb663;
  --primitive-dark-warning-11: #ffbb6f;
  --primitive-dark-warning-12: #ffe7cd;
  --primitive-dark-danger-1: #1c0e0d;
  --primitive-dark-danger-2: #251311;
  --primitive-dark-danger-3: #411714;
  --primitive-dark-danger-4: #541a17;
  --primitive-dark-danger-5: #651f1d;
  --primitive-dark-danger-6: #762724;
  --primitive-dark-danger-7: #8a302c;
  --primitive-dark-danger-8: #a33d38;
  --primitive-dark-danger-9: #d03736;
  --primitive-dark-danger-10: #d94541;
  --primitive-dark-danger-11: #fb988f;
  --primitive-dark-danger-12: #ffe2de;
  --primitive-dark-base-white: #ffffff;
  --primitive-dark-base-warning-ink: #1c1300;
  --primitive-dark-solved-sunken: #060607;
  --primitive-dark-solved-fg-subtle: #9a9a9c;
  --primitive-dark-solved-inverse-hover: #dadbdc;
  --primitive-dark-solved-focus-ring: #688bf3;
  --primitive-dark-alpha-white-6: rgb(255 255 255 / 0.0588);
  --primitive-dark-alpha-white-10: rgb(255 255 255 / 0.102);
  --primitive-dark-alpha-white-5: rgb(255 255 255 / 0.051);
  --primitive-dark-alpha-white-7: rgb(255 255 255 / 0.0706);
  --primitive-dark-alpha-scrim-64: rgb(0 0 0 / 0.6392);
  --primitive-dark-alpha-highlight-4: rgb(255 255 255 / 0.0392);
  --primitive-dark-alpha-highlight-6: rgb(255 255 255 / 0.0588);
  --primitive-dark-alpha-shadow-18: rgb(0 0 0 / 0.1804);
  --primitive-dark-alpha-shadow-60: rgb(0 0 0 / 0.6);
  --primitive-dark-alpha-shadow-70: rgb(0 0 0 / 0.702);
  --primitive-dark-alpha-accent-pulse: rgb(104 139 243 / 0.349);
  --primitive-dark-alpha-accent-halo: rgb(104 139 243 / 0.302);
  --primitive-dark-alpha-clear: rgb(255 255 255 / 0);
  --primitive-dark-dataviz-categorical-1: #6194fb;
  --primitive-dark-dataviz-categorical-2: #d68742;
  --primitive-dark-dataviz-categorical-3: #72c8b8;
  --primitive-dark-dataviz-categorical-4: #c283b3;
  --primitive-dark-dataviz-categorical-5: #b3a48b;
  --primitive-dark-dataviz-categorical-6: #a0b0e6;
  --primitive-dark-dataviz-categorical-7: #f4b07a;
  --primitive-dark-dataviz-categorical-8: #908d86;
  --primitive-dark-dataviz-sequential-1: #142341;
  --primitive-dark-dataviz-sequential-2: #1b3363;
  --primitive-dark-dataviz-sequential-3: #26468a;
  --primitive-dark-dataviz-sequential-4: #305bb4;
  --primitive-dark-dataviz-sequential-5: #3f71da;
  --primitive-dark-dataviz-sequential-6: #568af6;
  --primitive-dark-dataviz-sequential-7: #82adff;
  --primitive-dark-dataviz-sequential-8: #b9d2ff;
  --primitive-dark-dataviz-diverging-1: #9cbeff;
  --primitive-dark-dataviz-diverging-2: #5688ec;
  --primitive-dark-dataviz-diverging-3: #2d4f94;
  --primitive-dark-dataviz-diverging-4: #3a3a3a;
  --primitive-dark-dataviz-diverging-5: #7b461e;
  --primitive-dark-dataviz-diverging-6: #cf752d;
  --primitive-dark-dataviz-diverging-7: #f4b082;
  --primitive-dark-category-red: #e98286;
  --primitive-dark-category-orange: #e58a37;
  --primitive-dark-category-peach: #cb9808;
  --primitive-dark-category-yellow: #a9a409;
  --primitive-dark-category-green: #31b803;
  --primitive-dark-category-teal: #4db196;
  --primitive-dark-category-olive: #91a780;
  --primitive-dark-category-blue: #7aa0e8;
  --primitive-dark-category-purple: #af8ff0;
  --primitive-dark-category-maroon: #d38aad;
  --primitive-dark-category-steel: #a59bb9;
  --primitive-dark-category-dark-steel: #61708d;
  --primitive-dark-category-gray: #c4c4c1;
  --primitive-dark-category-dark-gray: #959593;
  --primitive-dark-category-black: #70706e;
  --primitive-dark-category-dark-red: #e00223;
  --primitive-dark-category-dark-orange: #ba4f04;
  --primitive-dark-category-dark-peach: #976606;
  --primitive-dark-category-dark-yellow: #817d01;
  --primitive-dark-category-dark-green: #158201;
  --primitive-dark-category-dark-teal: #047f60;
  --primitive-dark-category-dark-olive: #6f925a;
  --primitive-dark-category-dark-blue: #176ae5;
  --primitive-dark-category-dark-purple: #814cf0;
  --primitive-dark-category-dark-maroon: #bd4082;
  --primitive-dark-category-hc-red: #ffa0a2;
  --primitive-dark-category-hc-orange: #ffa55a;
  --primitive-dark-category-hc-peach: #e9b129;
  --primitive-dark-category-hc-yellow: #c4bf0a;
  --primitive-dark-category-hc-green: #3bd606;
  --primitive-dark-category-hc-teal: #69ccb0;
  --primitive-dark-category-hc-olive: #abc199;
  --primitive-dark-category-hc-blue: #97bbfe;
  --primitive-dark-category-hc-purple: #c7adff;
  --primitive-dark-category-hc-maroon: #efa4c8;
  --primitive-dark-category-hc-steel: #c0b5d4;
  --primitive-dark-category-hc-dark-steel: #7686a4;
  --primitive-dark-category-hc-gray: #cfcfcc;
  --primitive-dark-category-hc-dark-gray: #a6a6a3;
  --primitive-dark-category-hc-black: #858583;
  --primitive-dark-category-hc-dark-red: #ff2e38;
  --primitive-dark-category-hc-dark-orange: #dd5e02;
  --primitive-dark-category-hc-dark-peach: #b37a05;
  --primitive-dark-category-hc-dark-yellow: #989402;
  --primitive-dark-category-hc-dark-green: #1b9b02;
  --primitive-dark-category-hc-dark-teal: #079772;
  --primitive-dark-category-hc-dark-olive: #86aa71;
  --primitive-dark-category-hc-dark-blue: #3181fe;
  --primitive-dark-category-hc-dark-purple: #9468ff;
  --primitive-dark-category-hc-dark-maroon: #d65798;
  --elevation-0: none;
  --dataviz-pattern-1: "solid";
  --dataviz-pattern-2: "diagonal-up";
  --dataviz-pattern-3: "dots";
  --dataviz-pattern-4: "horizontal";
  --dataviz-pattern-5: "diagonal-down";
  --dataviz-pattern-6: "vertical";
  --dataviz-pattern-7: "crosshatch";
  --dataviz-pattern-8: "diagonal-crosshatch";
  --dataviz-marker-1: "circle";
  --dataviz-marker-2: "square";
  --dataviz-marker-3: "triangle";
  --dataviz-marker-4: "diamond";
  --dataviz-marker-5: "triangle-down";
  --dataviz-marker-6: "cross";
  --dataviz-marker-7: "plus";
  --dataviz-marker-8: "star";
  --font-family-sans: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --font-family-mono: "JetBrains Mono", "SF Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-feature-tabular: "tnum";
  --type-caption: 500 11px/1.455 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-caption-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-caption-font-size: 11px;
  --type-caption-font-weight: 500;
  --type-caption-line-height: 1.455;
  --type-caption-letter-spacing: 0.11px;
  --type-small: 400 12px/1.333 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-small-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-small-font-size: 12px;
  --type-small-font-weight: 400;
  --type-small-line-height: 1.333;
  --type-small-letter-spacing: 0px;
  --type-body: 400 13px/1.538 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-body-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-body-font-size: 13px;
  --type-body-font-weight: 400;
  --type-body-line-height: 1.538;
  --type-body-letter-spacing: 0px;
  --type-body-lg: 400 15px/1.467 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-body-lg-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-body-lg-font-size: 15px;
  --type-body-lg-font-weight: 400;
  --type-body-lg-line-height: 1.467;
  --type-body-lg-letter-spacing: -0.07px;
  --type-title: 600 17px/1.412 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-title-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-title-font-size: 17px;
  --type-title-font-weight: 600;
  --type-title-line-height: 1.412;
  --type-title-letter-spacing: -0.17px;
  --type-heading: 600 20px/1.4 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-heading-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-heading-font-size: 20px;
  --type-heading-font-weight: 600;
  --type-heading-line-height: 1.4;
  --type-heading-letter-spacing: -0.3px;
  --type-h2: 600 28px/1.214 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-h2-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-h2-font-size: 28px;
  --type-h2-font-weight: 600;
  --type-h2-line-height: 1.214;
  --type-h2-letter-spacing: -0.56px;
  --type-h1: 600 40px/1.1 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-h1-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-h1-font-size: 40px;
  --type-h1-font-weight: 600;
  --type-h1-line-height: 1.1;
  --type-h1-letter-spacing: -1px;
  --type-display: 600 64px/1 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-display-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-display-font-size: 64px;
  --type-display-font-weight: 600;
  --type-display-line-height: 1;
  --type-display-letter-spacing: -1.92px;
  --type-display-xl: 600 112px/0.929 "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-display-xl-font-family: "Inter Tight", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Cantarell", "Roboto", system-ui, sans-serif;
  --type-display-xl-font-size: 112px;
  --type-display-xl-font-weight: 600;
  --type-display-xl-line-height: 0.929;
  --type-display-xl-letter-spacing: -4.48px;
  --type-code: 400 12.5px/1.5 "JetBrains Mono", "SF Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --type-code-font-family: "JetBrains Mono", "SF Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --type-code-font-size: 12.5px;
  --type-code-font-weight: 400;
  --type-code-line-height: 1.5;
  --type-code-letter-spacing: 0px;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --space-0-5: 2px;
  --size-control-sm: 24px;
  --size-control: 28px;
  --size-control-touch: 44px;
  --size-toolbar: 44px;
  --size-titlebar: 40px;
  --size-sidebar: 240px;
  --size-grid-row: 22px;
  --size-grid-header: 24px;
  --size-status-bar: 24px;
  --size-icon: 16px;
  --size-icon-lg: 20px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --border-hairline: 1px;
  --border-focus: 2px;
  --border-focus-offset: 2px;
  --border-selection: 2px;
  --motion-duration-micro: 80ms;
  --motion-duration-tap: 160ms;
  --motion-duration-fast: 200ms;
  --motion-duration-short: 240ms;
  --motion-duration-medium: 320ms;
  --motion-duration-long: 480ms;
  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-easing-standard-in: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-standard-out: cubic-bezier(0, 0, 0.2, 1);
  --motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
  --motion-spring-tight-stiffness: 320;
  --motion-spring-tight-damping: 24;
  --motion-spring-tight-mass: 0.7;
  --motion-spring-tight-settle: 380ms;
  --motion-spring-gentle-stiffness: 180;
  --motion-spring-gentle-damping: 20;
  --motion-spring-gentle-mass: 1;
  --motion-spring-gentle-settle: 580ms;
  --motion-spring-snappy-stiffness: 260;
  --motion-spring-snappy-damping: 18;
  --motion-spring-snappy-mass: 0.9;
  --motion-spring-snappy-settle: 580ms;
  --motion-spring-toast-stiffness: 220;
  --motion-spring-toast-damping: 16;
  --motion-spring-toast-mass: 0.8;
  --motion-spring-toast-settle: 600ms;
  --motion-spring-list-item-stiffness: 200;
  --motion-spring-list-item-damping: 14;
  --motion-spring-list-item-mass: 0.85;
  --motion-spring-list-item-settle: 780ms;
  --motion-spring-popover-stiffness: 280;
  --motion-spring-popover-damping: 17;
  --motion-spring-popover-mass: 0.6;
  --motion-spring-popover-settle: 460ms;
  --motion-effect-press-scale: 0.97;
  --motion-effect-press-duration: 160ms;
  --motion-effect-focus-ring-duration: 120ms;
  --motion-effect-focus-ring-easing: cubic-bezier(0, 0, 0.2, 1);
  --motion-effect-focus-ring-width: 2px;
  --motion-effect-focus-ring-offset: 2px;
  --motion-effect-focus-ring-halo: 4px;
  --motion-effect-skeleton-period: 1600ms;
  --motion-effect-skeleton-peak: 0.6;
  --motion-effect-skeleton-steps: 24;
  --motion-effect-skeleton-line-offset: 60ms;
  --motion-effect-toast-enter-duration: 160ms;
  --motion-effect-toast-enter-easing: cubic-bezier(0, 0, 0.2, 1);
  --motion-effect-toast-enter-scale: 0.96;
  --motion-effect-toast-exit-duration: 180ms;
  --motion-effect-toast-exit-easing: cubic-bezier(0.4, 0, 1, 1);
  --motion-effect-toast-stack-dim: 0.08;
  --motion-effect-modal-backdrop-duration: 240ms;
  --motion-effect-modal-panel-duration: 320ms;
  --motion-effect-modal-enter-scale: 0.94;
  --motion-effect-modal-exit-duration: 160ms;
  --motion-effect-modal-exit-scale: 0.96;
  --motion-effect-count-up-duration: 480ms;
  --motion-effect-count-up-easing: cubic-bezier(0, 0, 0.2, 1);
  --motion-effect-live-pulse-in-duration: 80ms;
  --motion-effect-live-pulse-out-duration: 800ms;
  --motion-effect-live-pulse-min-alpha: 0.14;
  --motion-effect-live-pulse-max-alpha: 0.35;
  --motion-effect-success-check-draw-duration: 480ms;
  --motion-effect-success-check-draw-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-effect-success-check-scale-duration: 440ms;
  --motion-effect-success-check-scale-from: 0.6;
  --motion-effect-success-check-scale-peak: 1.04;
  --motion-effect-progress-climb-duration: 800ms;
  --motion-effect-progress-climb-to: 0.9;
  --motion-effect-progress-complete-duration: 180ms;
  --motion-effect-progress-fade-duration: 200ms;
  --motion-effect-selection-rail-duration: 200ms;
  --motion-effect-list-stagger-duration: 320ms;
  --motion-effect-list-stagger-from-x: -16px;
  --motion-effect-list-stagger-step: 40ms;
  --motion-effect-list-stagger-cap: 320ms;
  --motion-spring-tight-easing: linear(0, 0.0281, 0.098, 0.1921, 0.2972, 0.4042, 0.5068, 0.601, 0.6848, 0.7571, 0.8181, 0.8682, 0.9085, 0.9402, 0.9644, 0.9824, 0.9953, 1.0041, 1.0098, 1.013, 1.0145, 1.0147, 1.0141, 1.0129, 1.0115, 1.0099, 1.0083, 1.0069, 1.0055, 1.0043, 1.0033, 1.0025, 1);
  --motion-spring-tight-duration: 380ms;
  --motion-spring-gentle-easing: linear(0, 0.0262, 0.0924, 0.1834, 0.2869, 0.3942, 0.4988, 0.5963, 0.6841, 0.7608, 0.8259, 0.8799, 0.9234, 0.9574, 0.9832, 1.002, 1.0149, 1.0232, 1.0278, 1.0297, 1.0295, 1.0279, 1.0254, 1.0225, 1.0193, 1.0161, 1.0131, 1.0104, 1.008, 1.0059, 1.0042, 1.0027, 1);
  --motion-spring-gentle-duration: 580ms;
  --motion-spring-snappy-easing: linear(0, 0.0419, 0.1467, 0.287, 0.441, 0.5923, 0.7298, 0.8468, 0.9404, 1.0102, 1.058, 1.0866, 1.0997, 1.101, 1.0939, 1.0815, 1.0665, 1.0508, 1.0358, 1.0226, 1.0116, 1.003, 0.9968, 0.9928, 0.9905, 0.9897, 0.9899, 0.9909, 0.9923, 0.9939, 0.9954, 0.9969, 1);
  --motion-spring-snappy-duration: 580ms;
  --motion-spring-toast-easing: linear(0, 0.0425, 0.1483, 0.2891, 0.4427, 0.5929, 0.7286, 0.8437, 0.9352, 1.0033, 1.0499, 1.0779, 1.0909, 1.0925, 1.0863, 1.0751, 1.0614, 1.0471, 1.0335, 1.0214, 1.0115, 1.0037, 0.998, 0.9943, 0.9922, 0.9914, 0.9915, 0.9923, 0.9934, 0.9947, 0.9961, 0.9973, 1);
  --motion-spring-toast-duration: 600ms;
  --motion-spring-list-item-easing: linear(0, 0.0607, 0.2083, 0.3971, 0.5922, 0.7691, 0.9138, 1.0205, 1.0896, 1.1256, 1.1354, 1.1266, 1.1063, 1.0806, 1.0542, 1.0304, 1.011, 0.9967, 0.9876, 0.9829, 0.9817, 0.9829, 0.9857, 0.9892, 0.9928, 0.996, 0.9986, 1.0005, 1.0017, 1.0023, 1.0025, 1.0023, 1);
  --motion-spring-list-item-duration: 780ms;
  --motion-spring-popover-easing: linear(0, 0.042, 0.1452, 0.281, 0.4279, 0.5706, 0.6993, 0.8086, 0.8963, 0.9629, 1.0101, 1.0407, 1.0579, 1.0648, 1.0642, 1.0589, 1.0506, 1.0412, 1.0317, 1.0229, 1.0152, 1.0089, 1.004, 1.0004, 0.998, 0.9966, 0.9959, 0.9957, 0.996, 0.9965, 0.9971, 0.9977, 1);
  --motion-spring-popover-duration: 460ms;
}

/* Light: the default and data-theme="light". */
:root,
:root[data-theme="light"] {
  color-scheme: light;
  --color-bg-canvas: #fafafb;
  --color-bg-sunken: #f1f2f3;
  --color-bg-surface: #ffffff;
  --color-bg-raised: #ffffff;
  --color-bg-overlay: #ffffff;
  --color-bg-inverse: #0e0e0f;
  --color-bg-inverse-hover: #202021;
  --color-bg-hover: #e9eaeb;
  --color-bg-active: #e1e2e3;
  --color-bg-selected: #eaf0ff;
  --color-fg-default: #0e0e0f;
  --color-fg-muted: #525254;
  --color-fg-subtle: #6d6d6f;
  --color-fg-disabled: #b8b9ba;
  --color-fg-on-accent: #ffffff;
  --color-fg-inverse: #ffffff;
  --color-border-subtle: #e1e2e3;
  --color-border-default: #d9dadb;
  --color-border-strong: #cdcecf;
  --color-border-control: #858688;
  --color-accent-solid: #2f4be3;
  --color-accent-solid-hover: #2840cb;
  --color-accent-fg: #2c47c7;
  --color-accent-bg: #eaf0ff;
  --color-accent-bg-hover: #dee8ff;
  --color-accent-border: #a7bfff;
  --color-accent-indicator: #2f4be3;
  --color-accent-pulse: rgb(47 75 227 / 0.349);
  --color-focus-ring: #2f4be3;
  --color-focus-halo: rgb(47 75 227 / 0.251);
  --color-selection-bg: #eaf0ff;
  --color-selection-fg: #0e0e0f;
  --color-selection-border: #2f4be3;
  --color-state-hover: rgb(10 10 10 / 0.051);
  --color-state-active: rgb(10 10 10 / 0.0902);
  --color-scrim: rgb(10 10 10 / 0.4);
  --color-success-bg: #e9f4ec;
  --color-success-border: #a4cdae;
  --color-success-solid: #1e8347;
  --color-success-solid-hover: #1a763f;
  --color-success-fg: #1f6f3d;
  --color-success-on-solid: #ffffff;
  --color-warning-bg: #f8efe5;
  --color-warning-border: #e0b991;
  --color-warning-solid: #ffa323;
  --color-warning-solid-hover: #f19700;
  --color-warning-fg: #8b5500;
  --color-warning-on-solid: #1c1300;
  --color-danger-bg: #ffebe9;
  --color-danger-border: #f6aba3;
  --color-danger-solid: #d0252a;
  --color-danger-solid-hover: #be1b22;
  --color-danger-fg: #b32325;
  --color-danger-on-solid: #ffffff;
  --color-info-bg: #eaf0ff;
  --color-info-border: #a7bfff;
  --color-info-solid: #2f4be3;
  --color-info-solid-hover: #2840cb;
  --color-info-fg: #2c47c7;
  --color-info-on-solid: #ffffff;
  --color-category-red: #ce6a6f;
  --color-category-orange: #ca7214;
  --color-category-peach: #ae8108;
  --color-category-yellow: #908c07;
  --color-category-green: #289d02;
  --color-category-teal: #31987f;
  --color-category-olive: #7a8e69;
  --color-category-blue: #6487ce;
  --color-category-purple: #9877d6;
  --color-category-maroon: #ba7296;
  --color-category-steel: #8e83a1;
  --color-category-dark-steel: #4b5976;
  --color-category-gray: #898887;
  --color-category-dark-gray: #5a5958;
  --color-category-black: #292927;
  --color-category-dark-red: #b5041b;
  --color-category-dark-orange: #973e02;
  --color-category-dark-peach: #7a5103;
  --color-category-dark-yellow: #555303;
  --color-category-dark-green: #116803;
  --color-category-dark-teal: #00664d;
  --color-category-dark-olive: #2d4c17;
  --color-category-dark-blue: #0053c2;
  --color-category-dark-purple: #6d2fd5;
  --color-category-dark-maroon: #a2246b;
  --elevation-raised: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --elevation-overlay: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --elevation-modal: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --elevation-lift: 0px 4px 14px 0px rgb(10 10 10 / 0.1216);
  --elevation-level-0-bg: #fafafb;
  --elevation-level-0-highlight: rgb(255 255 255 / 0);
  --elevation-level-1-bg: #ffffff;
  --elevation-level-1-highlight: rgb(255 255 255 / 0);
  --elevation-level-2-bg: #ffffff;
  --elevation-level-2-highlight: rgb(255 255 255 / 0);
  --elevation-level-2-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --elevation-level-3-bg: #ffffff;
  --elevation-level-3-highlight: rgb(255 255 255 / 0);
  --elevation-level-3-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --elevation-level-3-shadow-modal: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --dataviz-categorical-1: #2563eb;
  --dataviz-categorical-2: #ad5602;
  --dataviz-categorical-3: #2a977d;
  --dataviz-categorical-4: #a1568e;
  --dataviz-categorical-5: #827153;
  --dataviz-categorical-6: #7c81bc;
  --dataviz-categorical-7: #c9733c;
  --dataviz-categorical-8: #636363;
  --dataviz-sequential-1: #eef4ff;
  --dataviz-sequential-2: #d2e2ff;
  --dataviz-sequential-3: #afcbff;
  --dataviz-sequential-4: #88b0fe;
  --dataviz-sequential-5: #5f91f7;
  --dataviz-sequential-6: #3a72e9;
  --dataviz-sequential-7: #2655bc;
  --dataviz-sequential-8: #1a3d86;
  --dataviz-diverging-1: #2655bc;
  --dataviz-diverging-2: #5a89e6;
  --dataviz-diverging-3: #acc5f2;
  --dataviz-diverging-4: #e1e1e1;
  --dataviz-diverging-5: #eebb99;
  --dataviz-diverging-6: #d97e38;
  --dataviz-diverging-7: #a35303;
  --dataviz-gridline: #e1e2e3;
  --dataviz-axis: #cdcecf;
  --dataviz-label: #525254;
  --component-button-primary-bg: #0e0e0f;
  --component-button-primary-bg-hover: #202021;
  --component-button-primary-fg: #ffffff;
  --component-button-secondary-bg: #ffffff;
  --component-button-secondary-bg-hover: rgb(10 10 10 / 0.051);
  --component-button-secondary-border: #858688;
  --component-button-secondary-fg: #0e0e0f;
  --component-button-accent-bg: #2f4be3;
  --component-button-accent-bg-hover: #2840cb;
  --component-button-accent-fg: #ffffff;
  --component-button-ghost-bg-hover: rgb(10 10 10 / 0.051);
  --component-button-ghost-fg: #0e0e0f;
  --component-button-ghost-fg-muted: #525254;
  --component-button-danger-bg: #d0252a;
  --component-button-danger-bg-hover: #be1b22;
  --component-button-danger-fg: #ffffff;
  --component-button-danger-subtle-bg: #ffebe9;
  --component-button-danger-subtle-bg-hover: rgb(10 10 10 / 0.051);
  --component-button-danger-subtle-border: #f6aba3;
  --component-button-danger-subtle-fg: #b32325;
  --component-button-state-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-button-state-disabled-bg: rgb(10 10 10 / 0.051);
  --component-button-state-disabled-fg: #b8b9ba;
  --component-button-state-focus-ring: #2f4be3;
  --component-button-state-focus-halo: rgb(47 75 227 / 0.251);
  --component-button-state-selected-bg: #eaf0ff;
  --component-button-state-selected-fg: #2c47c7;
  --component-button-state-selected-border: #2f4be3;
  --component-input-bg: #ffffff;
  --component-input-border: #858688;
  --component-input-border-hover: #6d6d6f;
  --component-input-border-focus: #2f4be3;
  --component-input-fg: #0e0e0f;
  --component-input-placeholder: #6d6d6f;
  --component-input-label: #525254;
  --component-input-help: #6d6d6f;
  --component-input-error: #b32325;
  --component-input-error-border: #d0252a;
  --component-input-disabled-bg: rgb(10 10 10 / 0.051);
  --component-input-disabled-fg: #b8b9ba;
  --component-input-bg-hover: #ffffff;
  --component-input-focus-ring: #2f4be3;
  --component-input-focus-halo: rgb(47 75 227 / 0.251);
  --component-input-selection-bg: #eaf0ff;
  --component-input-error-icon: #b32325;
  --component-input-disabled-border: #e1e2e3;
  --component-select-bg: #ffffff;
  --component-select-border: #858688;
  --component-select-fg: #0e0e0f;
  --component-select-chevron: #525254;
  --component-select-border-hover: #6d6d6f;
  --component-select-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-select-focus-ring: #2f4be3;
  --component-select-focus-halo: rgb(47 75 227 / 0.251);
  --component-select-placeholder: #6d6d6f;
  --component-select-list-bg: #ffffff;
  --component-select-list-border: #d9dadb;
  --component-select-list-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-select-option-fg: #0e0e0f;
  --component-select-option-hover: rgb(10 10 10 / 0.051);
  --component-select-option-pressed: rgb(10 10 10 / 0.0902);
  --component-select-option-selected-bg: #eaf0ff;
  --component-select-option-selected-fg: #0e0e0f;
  --component-select-option-check: #2c47c7;
  --component-select-disabled-bg: rgb(10 10 10 / 0.051);
  --component-select-disabled-fg: #b8b9ba;
  --component-select-disabled-border: #e1e2e3;
  --component-select-error-border: #d0252a;
  --component-select-error: #b32325;
  --component-combobox-bg: #ffffff;
  --component-combobox-border: #858688;
  --component-combobox-fg: #0e0e0f;
  --component-combobox-list-bg: #ffffff;
  --component-combobox-option-hover: rgb(10 10 10 / 0.051);
  --component-combobox-option-selected-bg: #eaf0ff;
  --component-combobox-match-bg: #eaf0ff;
  --component-combobox-match-fg: #0e0e0f;
  --component-combobox-border-hover: #6d6d6f;
  --component-combobox-focus-ring: #2f4be3;
  --component-combobox-focus-halo: rgb(47 75 227 / 0.251);
  --component-combobox-placeholder: #6d6d6f;
  --component-combobox-list-border: #d9dadb;
  --component-combobox-list-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-combobox-option-fg: #0e0e0f;
  --component-combobox-option-pressed: rgb(10 10 10 / 0.0902);
  --component-combobox-option-selected-fg: #0e0e0f;
  --component-combobox-option-check: #2c47c7;
  --component-combobox-disabled-bg: rgb(10 10 10 / 0.051);
  --component-combobox-disabled-fg: #b8b9ba;
  --component-combobox-disabled-border: #e1e2e3;
  --component-combobox-error-border: #d0252a;
  --component-combobox-error: #b32325;
  --component-control-border: #858688;
  --component-control-checked-bg: #2f4be3;
  --component-control-checked-fg: #ffffff;
  --component-control-track: rgb(10 10 10 / 0.0902);
  --component-control-thumb: #ffffff;
  --component-menu-bg: #ffffff;
  --component-menu-border: #e1e2e3;
  --component-menu-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-menu-fg: #0e0e0f;
  --component-menu-item-hover: rgb(10 10 10 / 0.051);
  --component-menu-item-checked-bg: #eaf0ff;
  --component-menu-check: #2c47c7;
  --component-menu-shortcut: #6d6d6f;
  --component-menu-label: #6d6d6f;
  --component-menu-danger: #b32325;
  --component-menu-separator: #e1e2e3;
  --component-menu-rail: #2f4be3;
  --component-menu-item-pressed: rgb(10 10 10 / 0.0902);
  --component-menu-focus-ring: #2f4be3;
  --component-menu-focus-halo: rgb(47 75 227 / 0.251);
  --component-menu-disabled-fg: #b8b9ba;
  --component-popover-bg: #ffffff;
  --component-popover-border: #e1e2e3;
  --component-popover-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-popover-fg: #0e0e0f;
  --component-popover-fg-muted: #525254;
  --component-tooltip-bg: #0e0e0f;
  --component-tooltip-fg: #ffffff;
  --component-tooltip-border: #0e0e0f;
  --component-tooltip-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-card-bg: #ffffff;
  --component-card-border: #e1e2e3;
  --component-card-fg: #0e0e0f;
  --component-card-fg-muted: #525254;
  --component-card-hover-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-card-drag-bg: #ffffff;
  --component-card-drag-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-card-selected-bg: #eaf0ff;
  --component-card-selected-border: #2f4be3;
  --component-card-hover-border: #cdcecf;
  --component-card-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-card-focus-ring: #2f4be3;
  --component-card-focus-halo: rgb(47 75 227 / 0.251);
  --component-card-disabled-fg: #b8b9ba;
  --component-modal-bg: #ffffff;
  --component-modal-border: #e1e2e3;
  --component-modal-shadow: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --component-modal-scrim: rgb(10 10 10 / 0.4);
  --component-modal-title: #0e0e0f;
  --component-modal-fg: #525254;
  --component-modal-close-fg: #525254;
  --component-modal-close-hover: rgb(10 10 10 / 0.051);
  --component-modal-close-pressed: rgb(10 10 10 / 0.0902);
  --component-modal-focus-ring: #2f4be3;
  --component-modal-focus-halo: rgb(47 75 227 / 0.251);
  --component-modal-divider: #e1e2e3;
  --component-sheet-bg: #ffffff;
  --component-sheet-border: #e1e2e3;
  --component-sheet-shadow: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --component-sheet-scrim: rgb(10 10 10 / 0.4);
  --component-sheet-title: #0e0e0f;
  --component-sheet-fg: #525254;
  --component-sheet-handle: #cdcecf;
  --component-sheet-close-fg: #525254;
  --component-sheet-close-hover: rgb(10 10 10 / 0.051);
  --component-sheet-close-pressed: rgb(10 10 10 / 0.0902);
  --component-sheet-focus-ring: #2f4be3;
  --component-sheet-focus-halo: rgb(47 75 227 / 0.251);
  --component-sheet-divider: #e1e2e3;
  --component-toast-bg: #ffffff;
  --component-toast-border: #d9dadb;
  --component-toast-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-toast-title: #0e0e0f;
  --component-toast-fg: #525254;
  --component-toast-drain: #2f4be3;
  --component-toast-icon-success: #1f6f3d;
  --component-toast-icon-warning: #8b5500;
  --component-toast-icon-danger: #b32325;
  --component-toast-icon-info: #2c47c7;
  --component-toast-action-fg: #2c47c7;
  --component-toast-close-fg: #525254;
  --component-toast-close-hover: rgb(10 10 10 / 0.051);
  --component-toast-close-pressed: rgb(10 10 10 / 0.0902);
  --component-toast-focus-ring: #2f4be3;
  --component-toast-focus-halo: rgb(47 75 227 / 0.251);
  --component-tabs-fg: #525254;
  --component-tabs-fg-hover: #0e0e0f;
  --component-tabs-selected-fg: #0e0e0f;
  --component-tabs-indicator: #2f4be3;
  --component-tabs-border: #e1e2e3;
  --component-tabs-hover-bg: rgb(10 10 10 / 0.051);
  --component-tabs-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-tabs-focus-ring: #2f4be3;
  --component-tabs-focus-halo: rgb(47 75 227 / 0.251);
  --component-tabs-disabled-fg: #b8b9ba;
  --component-tabs-panel-bg: #fafafb;
  --component-table-header-bg: #fafafb;
  --component-table-header-fg: #525254;
  --component-table-row-bg: #ffffff;
  --component-table-zebra-bg: #fafafb;
  --component-table-fg: #0e0e0f;
  --component-table-gridline: #e1e2e3;
  --component-table-frozen-divider: #cdcecf;
  --component-table-row-hover: rgb(10 10 10 / 0.051);
  --component-table-selected-bg: #eaf0ff;
  --component-table-selected-fg: #0e0e0f;
  --component-table-selected-border: #2f4be3;
  --component-table-focus-ring: #2f4be3;
  --component-table-header-selected-bg: #dee8ff;
  --component-table-header-selected-fg: #2c47c7;
  --component-table-override-mark: #ffa323;
  --component-table-hatch: #cdcecf;
  --component-table-header-hover: rgb(10 10 10 / 0.051);
  --component-table-row-pressed: rgb(10 10 10 / 0.0902);
  --component-table-focus-halo: rgb(47 75 227 / 0.251);
  --component-table-disabled-fg: #b8b9ba;
  --component-table-invalid-mark: #b32325;
  --component-table-invalid-fg: #b32325;
  --component-chip-bg: rgb(10 10 10 / 0.051);
  --component-chip-border: #e1e2e3;
  --component-chip-fg: #525254;
  --component-chip-selected-bg: #eaf0ff;
  --component-chip-selected-border: #a7bfff;
  --component-chip-selected-fg: #2c47c7;
  --component-chip-hover-bg: rgb(10 10 10 / 0.051);
  --component-chip-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-chip-focus-ring: #2f4be3;
  --component-chip-focus-halo: rgb(47 75 227 / 0.251);
  --component-chip-remove-fg: #525254;
  --component-chip-remove-hover: rgb(10 10 10 / 0.051);
  --component-chip-disabled-fg: #b8b9ba;
  --component-chip-disabled-border: #e1e2e3;
  --component-chip-invalid-border: #b32325;
  --component-chip-invalid-fg: #b32325;
  --component-badge-bg: rgb(10 10 10 / 0.0902);
  --component-badge-fg: #0e0e0f;
  --component-badge-success-bg: #e9f4ec;
  --component-badge-success-border: #a4cdae;
  --component-badge-success-fg: #1f6f3d;
  --component-badge-success-solid-bg: #1e8347;
  --component-badge-success-solid-fg: #ffffff;
  --component-badge-warning-bg: #f8efe5;
  --component-badge-warning-border: #e0b991;
  --component-badge-warning-fg: #8b5500;
  --component-badge-warning-solid-bg: #ffa323;
  --component-badge-warning-solid-fg: #1c1300;
  --component-badge-danger-bg: #ffebe9;
  --component-badge-danger-border: #f6aba3;
  --component-badge-danger-fg: #b32325;
  --component-badge-danger-solid-bg: #d0252a;
  --component-badge-danger-solid-fg: #ffffff;
  --component-badge-info-bg: #eaf0ff;
  --component-badge-info-border: #a7bfff;
  --component-badge-info-fg: #2c47c7;
  --component-badge-info-solid-bg: #2f4be3;
  --component-badge-info-solid-fg: #ffffff;
  --component-link-fg: #2c47c7;
  --component-link-fg-hover: #2c47c7;
  --component-link-underline: #a7bfff;
  --component-live-block-frame: #d9dadb;
  --component-live-block-caption-bg: #fafafb;
  --component-live-block-caption-fg: #6d6d6f;
  --component-live-block-live-dot: #1f6f3d;
  --component-live-block-stale-dot: #2f4be3;
  --component-live-block-pulse: rgb(47 75 227 / 0.349);
  --component-presence-self: #2f4be3;
  --component-presence-label-bg: #0e0e0f;
  --component-presence-label-fg: #ffffff;
  --component-presence-cursor-1: #ad5602;
  --component-presence-cursor-2: #2a977d;
  --component-presence-cursor-3: #a1568e;
  --component-presence-cursor-4: #827153;
  --component-presence-cursor-5: #7c81bc;
  --component-presence-cursor-6: #c9733c;
  --component-presence-cursor-7: #636363;
  --component-comment-mark: #ffa323;
  --component-comment-bg: #f8efe5;
  --component-comment-fg: #0e0e0f;
  --component-comment-thread-bg: #ffffff;
  --component-comment-thread-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-comment-resolved: #6d6d6f;
  --component-skeleton-bg: rgb(10 10 10 / 0.051);
  --component-skeleton-highlight: rgb(10 10 10 / 0.0902);
  --component-progress-track: rgb(10 10 10 / 0.0902);
  --component-progress-fill: #2f4be3;
  --component-progress-label-fg: #525254;
  --component-progress-track-border: #858688;
  --component-progress-fill-success: #1e8347;
  --component-progress-fill-invalid: #d0252a;
  --component-progress-disabled-fill: #b8b9ba;
  --component-checkbox-box-bg: #ffffff;
  --component-checkbox-box-border: #858688;
  --component-checkbox-box-border-hover: #6d6d6f;
  --component-checkbox-hover-layer: rgb(10 10 10 / 0.051);
  --component-checkbox-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-checkbox-checked-bg: #2f4be3;
  --component-checkbox-checked-bg-hover: #2840cb;
  --component-checkbox-checked-fg: #ffffff;
  --component-checkbox-focus-ring: #2f4be3;
  --component-checkbox-focus-halo: rgb(47 75 227 / 0.251);
  --component-checkbox-label-fg: #0e0e0f;
  --component-checkbox-help-fg: #525254;
  --component-checkbox-disabled-bg: rgb(10 10 10 / 0.051);
  --component-checkbox-disabled-border: #e1e2e3;
  --component-checkbox-disabled-fg: #b8b9ba;
  --component-checkbox-invalid-border: #b32325;
  --component-checkbox-invalid-fg: #b32325;
  --component-radio-bg: #ffffff;
  --component-radio-border: #858688;
  --component-radio-border-hover: #6d6d6f;
  --component-radio-hover-layer: rgb(10 10 10 / 0.051);
  --component-radio-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-radio-checked-border: #2f4be3;
  --component-radio-dot: #2f4be3;
  --component-radio-dot-hover: #2840cb;
  --component-radio-focus-ring: #2f4be3;
  --component-radio-focus-halo: rgb(47 75 227 / 0.251);
  --component-radio-label-fg: #0e0e0f;
  --component-radio-help-fg: #525254;
  --component-radio-disabled-bg: rgb(10 10 10 / 0.051);
  --component-radio-disabled-border: #e1e2e3;
  --component-radio-disabled-fg: #b8b9ba;
  --component-radio-invalid-border: #b32325;
  --component-radio-invalid-fg: #b32325;
  --component-switch-track-off: #f1f2f3;
  --component-switch-track-off-border: #858688;
  --component-switch-thumb-off: #525254;
  --component-switch-track-on: #2f4be3;
  --component-switch-track-on-hover: #2840cb;
  --component-switch-thumb-on: #ffffff;
  --component-switch-hover-layer: rgb(10 10 10 / 0.051);
  --component-switch-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-switch-focus-ring: #2f4be3;
  --component-switch-focus-halo: rgb(47 75 227 / 0.251);
  --component-switch-label-fg: #0e0e0f;
  --component-switch-disabled-track: rgb(10 10 10 / 0.051);
  --component-switch-disabled-border: #e1e2e3;
  --component-switch-disabled-thumb: #b8b9ba;
  --component-switch-disabled-fg: #b8b9ba;
  --component-switch-invalid-border: #b32325;
  --component-slider-track: #858688;
  --component-slider-fill: #2f4be3;
  --component-slider-thumb-bg: #ffffff;
  --component-slider-thumb-border: #2f4be3;
  --component-slider-hover-layer: rgb(10 10 10 / 0.051);
  --component-slider-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-slider-focus-ring: #2f4be3;
  --component-slider-focus-halo: rgb(47 75 227 / 0.251);
  --component-slider-tick: #858688;
  --component-slider-value-fg: #0e0e0f;
  --component-slider-label-fg: #525254;
  --component-slider-disabled-track: #e1e2e3;
  --component-slider-disabled-fill: #b8b9ba;
  --component-slider-disabled-thumb: #b8b9ba;
  --component-slider-invalid-fill: #d0252a;
  --component-date-field-bg: #ffffff;
  --component-date-field-border: #858688;
  --component-date-field-border-hover: #6d6d6f;
  --component-date-field-border-focus: #2f4be3;
  --component-date-field-fg: #0e0e0f;
  --component-date-field-placeholder: #6d6d6f;
  --component-date-field-icon: #525254;
  --component-date-field-segment-focus-bg: #eaf0ff;
  --component-date-field-segment-focus-fg: #2c47c7;
  --component-date-field-focus-ring: #2f4be3;
  --component-date-field-focus-halo: rgb(47 75 227 / 0.251);
  --component-date-field-popup-bg: #ffffff;
  --component-date-field-popup-border: #d9dadb;
  --component-date-field-popup-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-date-field-weekday-fg: #525254;
  --component-date-field-day-fg: #0e0e0f;
  --component-date-field-day-hover: rgb(10 10 10 / 0.051);
  --component-date-field-day-pressed: rgb(10 10 10 / 0.0902);
  --component-date-field-day-outside-fg: #6d6d6f;
  --component-date-field-day-today-border: #2f4be3;
  --component-date-field-day-selected-bg: #2f4be3;
  --component-date-field-day-selected-fg: #ffffff;
  --component-date-field-day-range-bg: #eaf0ff;
  --component-date-field-day-disabled-fg: #b8b9ba;
  --component-date-field-disabled-bg: rgb(10 10 10 / 0.051);
  --component-date-field-disabled-fg: #b8b9ba;
  --component-date-field-disabled-border: #e1e2e3;
  --component-date-field-error-border: #d0252a;
  --component-date-field-error: #b32325;
  --component-segmented-bg: #f1f2f3;
  --component-segmented-border: #e1e2e3;
  --component-segmented-fg: #525254;
  --component-segmented-fg-hover: #0e0e0f;
  --component-segmented-hover-bg: rgb(10 10 10 / 0.051);
  --component-segmented-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-segmented-selected-bg: #ffffff;
  --component-segmented-selected-fg: #0e0e0f;
  --component-segmented-selected-border: #858688;
  --component-segmented-selected-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-segmented-focus-ring: #2f4be3;
  --component-segmented-focus-halo: rgb(47 75 227 / 0.251);
  --component-segmented-divider: #d9dadb;
  --component-segmented-disabled-fg: #b8b9ba;
  --component-breadcrumbs-fg: #525254;
  --component-breadcrumbs-fg-hover: #0e0e0f;
  --component-breadcrumbs-hover-bg: rgb(10 10 10 / 0.051);
  --component-breadcrumbs-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-breadcrumbs-current-fg: #0e0e0f;
  --component-breadcrumbs-separator: #6d6d6f;
  --component-breadcrumbs-focus-ring: #2f4be3;
  --component-breadcrumbs-focus-halo: rgb(47 75 227 / 0.251);
  --component-breadcrumbs-disabled-fg: #b8b9ba;
  --component-breadcrumbs-overflow-fg: #525254;
  --component-pagination-fg: #525254;
  --component-pagination-fg-hover: #0e0e0f;
  --component-pagination-hover-bg: rgb(10 10 10 / 0.051);
  --component-pagination-pressed-layer: rgb(10 10 10 / 0.0902);
  --component-pagination-border: #e1e2e3;
  --component-pagination-selected-bg: #eaf0ff;
  --component-pagination-selected-fg: #2c47c7;
  --component-pagination-selected-border: #2f4be3;
  --component-pagination-focus-ring: #2f4be3;
  --component-pagination-focus-halo: rgb(47 75 227 / 0.251);
  --component-pagination-ellipsis-fg: #6d6d6f;
  --component-pagination-label-fg: #525254;
  --component-pagination-disabled-fg: #b8b9ba;
  --component-spinner-track: #e1e2e3;
  --component-spinner-arc: #2f4be3;
  --component-spinner-arc-on-accent: #ffffff;
  --component-spinner-arc-on-inverse: #ffffff;
  --component-spinner-arc-muted: #525254;
  --component-spinner-label-fg: #525254;
  --component-avatar-bg: #e9eaeb;
  --component-avatar-fg: #0e0e0f;
  --component-avatar-ring: #ffffff;
  --component-avatar-hover-ring: #6d6d6f;
  --component-avatar-selected-ring: #2f4be3;
  --component-avatar-focus-ring: #2f4be3;
  --component-avatar-focus-halo: rgb(47 75 227 / 0.251);
  --component-avatar-presence-available: #1f6f3d;
  --component-avatar-presence-busy: #b32325;
  --component-avatar-presence-away: #8b5500;
  --component-avatar-presence-offline: #858688;
  --component-avatar-presence-ring: #ffffff;
  --component-avatar-overflow-bg: #f1f2f3;
  --component-avatar-overflow-fg: #525254;
  --component-avatar-disabled-fg: #b8b9ba;
  --component-empty-state-bg: #fafafb;
  --component-empty-state-icon: #6d6d6f;
  --component-empty-state-title-fg: #0e0e0f;
  --component-empty-state-fg: #525254;
  --component-empty-state-border: #858688;
  --component-empty-state-drop-hover-bg: #eaf0ff;
  --component-empty-state-drop-hover-border: #2f4be3;
  --component-empty-state-drop-hover-fg: #0e0e0f;
  --component-empty-state-focus-ring: #2f4be3;
  --component-empty-state-focus-halo: rgb(47 75 227 / 0.251);
  --component-empty-state-disabled-fg: #b8b9ba;
  --component-empty-state-invalid-border: #b32325;
  --component-empty-state-invalid-fg: #b32325;
  --component-banner-bg: #ffffff;
  --component-banner-border: #d9dadb;
  --component-banner-fg: #0e0e0f;
  --component-banner-fg-muted: #525254;
  --component-banner-icon: #525254;
  --component-banner-info-bg: #eaf0ff;
  --component-banner-info-border: #a7bfff;
  --component-banner-info-icon: #2c47c7;
  --component-banner-info-title: #2c47c7;
  --component-banner-info-fg: #0e0e0f;
  --component-banner-success-bg: #e9f4ec;
  --component-banner-success-border: #a4cdae;
  --component-banner-success-icon: #1f6f3d;
  --component-banner-success-title: #1f6f3d;
  --component-banner-success-fg: #0e0e0f;
  --component-banner-warning-bg: #f8efe5;
  --component-banner-warning-border: #e0b991;
  --component-banner-warning-icon: #8b5500;
  --component-banner-warning-title: #8b5500;
  --component-banner-warning-fg: #0e0e0f;
  --component-banner-danger-bg: #ffebe9;
  --component-banner-danger-border: #f6aba3;
  --component-banner-danger-icon: #b32325;
  --component-banner-danger-title: #b32325;
  --component-banner-danger-fg: #0e0e0f;
  --component-banner-action-fg: #2c47c7;
  --component-banner-close-fg: #525254;
  --component-banner-close-hover: rgb(10 10 10 / 0.051);
  --component-banner-close-pressed: rgb(10 10 10 / 0.0902);
  --component-banner-focus-ring: #2f4be3;
  --component-banner-focus-halo: rgb(47 75 227 / 0.251);
  --component-inbox-list-bg: #ffffff;
  --component-inbox-list-row-hover: rgb(10 10 10 / 0.051);
  --component-inbox-list-row-active: rgb(10 10 10 / 0.0902);
  --component-inbox-list-divider: #e1e2e3;
  --component-inbox-list-fg: #0e0e0f;
  --component-inbox-list-fg-muted: #525254;
  --component-inbox-list-meta: #6d6d6f;
  --component-inbox-list-unread-fg: #0e0e0f;
  --component-inbox-list-unread-dot: #2f4be3;
  --component-inbox-list-thread-count-bg: rgb(10 10 10 / 0.051);
  --component-inbox-list-thread-count-fg: #525254;
  --component-inbox-list-thread-line: #d9dadb;
  --component-inbox-list-flag: #b32325;
  --component-inbox-list-pinned: #2c47c7;
  --component-inbox-list-selected-bg: #eaf0ff;
  --component-inbox-list-selected-fg: #0e0e0f;
  --component-inbox-list-selected-rail: #2f4be3;
  --component-inbox-list-focus-ring: #2f4be3;
  --component-inbox-list-group-header-bg: #fafafb;
  --component-inbox-list-group-header-fg: #525254;
  --component-reader-bg: #ffffff;
  --component-reader-fg: #0e0e0f;
  --component-reader-subject-fg: #0e0e0f;
  --component-reader-meta: #525254;
  --component-reader-divider: #e1e2e3;
  --component-reader-collapsed-bg: #fafafb;
  --component-reader-collapsed-fg: #525254;
  --component-reader-quote-bar: #cdcecf;
  --component-reader-quote-fg: #525254;
  --component-reader-attachment-bg: #fafafb;
  --component-reader-attachment-border: #d9dadb;
  --component-reader-attachment-fg: #0e0e0f;
  --component-reader-banner-external-bg: #f8efe5;
  --component-reader-banner-external-border: #e0b991;
  --component-reader-banner-external-fg: #0e0e0f;
  --component-reader-banner-remote-bg: #eaf0ff;
  --component-reader-banner-remote-border: #a7bfff;
  --component-reader-banner-remote-fg: #0e0e0f;
  --component-reader-focus-ring: #2f4be3;
  --component-composer-bg: #ffffff;
  --component-composer-fg: #0e0e0f;
  --component-composer-placeholder: #6d6d6f;
  --component-composer-field-label: #525254;
  --component-composer-field-divider: #e1e2e3;
  --component-composer-toolbar-bg: #fafafb;
  --component-composer-toolbar-fg: #525254;
  --component-composer-recipient-bg: rgb(10 10 10 / 0.051);
  --component-composer-recipient-fg: #0e0e0f;
  --component-composer-recipient-external-bg: #f8efe5;
  --component-composer-recipient-external-border: #e0b991;
  --component-composer-recipient-external-fg: #8b5500;
  --component-composer-disclosure-bg: #f8efe5;
  --component-composer-disclosure-border: #e0b991;
  --component-composer-disclosure-fg: #0e0e0f;
  --component-composer-proposal-bg: #eaf0ff;
  --component-composer-proposal-border: #a7bfff;
  --component-composer-proposal-rail: #2f4be3;
  --component-composer-proposal-fg: #0e0e0f;
  --component-composer-shadow: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --component-composer-focus-ring: #2f4be3;
  --component-calendar-bg: #ffffff;
  --component-calendar-gridline: #e1e2e3;
  --component-calendar-gridline-hour: #d9dadb;
  --component-calendar-header-bg: #fafafb;
  --component-calendar-header-fg: #525254;
  --component-calendar-time-fg: #6d6d6f;
  --component-calendar-weekend-bg: #fafafb;
  --component-calendar-outside-month-fg: #6d6d6f;
  --component-calendar-today-bg: #eaf0ff;
  --component-calendar-today-fg: #2c47c7;
  --component-calendar-today-marker: #2f4be3;
  --component-calendar-today-marker-fg: #ffffff;
  --component-calendar-now-line: #d0252a;
  --component-calendar-slot-hover: rgb(10 10 10 / 0.051);
  --component-calendar-selected-bg: #eaf0ff;
  --component-calendar-selected-border: #2f4be3;
  --component-calendar-focus-ring: #2f4be3;
  --component-calendar-event-bg: #ffffff;
  --component-calendar-event-border: #d9dadb;
  --component-calendar-event-fg: #0e0e0f;
  --component-calendar-event-fg-muted: #525254;
  --component-calendar-event-tentative-hatch: #cdcecf;
  --component-calendar-event-declined-fg: #6d6d6f;
  --component-calendar-event-selected-bg: #eaf0ff;
  --component-calendar-event-selected-border: #2f4be3;
  --component-calendar-event-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-calendar-event-drag-shadow: 0px 4px 14px 0px rgb(10 10 10 / 0.1216);
  --component-calendar-event-rail-1: #2563eb;
  --component-calendar-event-rail-2: #ad5602;
  --component-calendar-event-rail-3: #2a977d;
  --component-calendar-event-rail-4: #a1568e;
  --component-calendar-event-rail-5: #827153;
  --component-calendar-event-rail-6: #7c81bc;
  --component-calendar-event-rail-7: #c9733c;
  --component-calendar-event-rail-8: #636363;
  --component-contact-card-bg: #ffffff;
  --component-contact-card-border: #e1e2e3;
  --component-contact-card-name-fg: #0e0e0f;
  --component-contact-card-fg: #0e0e0f;
  --component-contact-card-fg-muted: #525254;
  --component-contact-card-field-label: #6d6d6f;
  --component-contact-card-divider: #e1e2e3;
  --component-contact-card-avatar-bg: #eaf0ff;
  --component-contact-card-avatar-fg: #2c47c7;
  --component-contact-card-presence-available: #1f6f3d;
  --component-contact-card-presence-busy: #b32325;
  --component-contact-card-presence-away: #8b5500;
  --component-contact-card-presence-offline: #858688;
  --component-contact-card-hover-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-contact-card-focus-ring: #2f4be3;
  --component-grid-bg: #ffffff;
  --component-grid-fg: #0e0e0f;
  --component-grid-fg-muted: #525254;
  --component-grid-gridline: #e1e2e3;
  --component-grid-header-bg: #fafafb;
  --component-grid-header-fg: #525254;
  --component-grid-header-border: #d9dadb;
  --component-grid-header-hover: rgb(10 10 10 / 0.051);
  --component-grid-header-selected-bg: #dee8ff;
  --component-grid-header-selected-fg: #2c47c7;
  --component-grid-header-selected-indicator: #2f4be3;
  --component-grid-frozen-bg: #fafafb;
  --component-grid-frozen-divider: #858688;
  --component-grid-selection-bg: #eaf0ff;
  --component-grid-selection-fg: #0e0e0f;
  --component-grid-selection-border: #2f4be3;
  --component-grid-focus-ring: #2f4be3;
  --component-grid-focus-halo: rgb(47 75 227 / 0.251);
  --component-grid-fill-handle: #2f4be3;
  --component-grid-fill-handle-border: #ffffff;
  --component-grid-copy-marquee: #2f4be3;
  --component-grid-edit-bg: #ffffff;
  --component-grid-edit-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-grid-drop-target: #a7bfff;
  --component-grid-spill-border: #858688;
  --component-grid-error-fg: #b32325;
  --component-grid-error-mark: #d0252a;
  --component-grid-comment-mark: #8b5500;
  --component-grid-override-mark: #8b5500;
  --component-grid-hatch: #cdcecf;
  --component-grid-table-header-bg: #f1f2f3;
  --component-grid-table-header-fg: #0e0e0f;
  --component-grid-table-band-bg: #fafafb;
  --component-grid-ref-1: #2563eb;
  --component-grid-ref-2: #ad5602;
  --component-grid-ref-3: #2a977d;
  --component-grid-ref-4: #a1568e;
  --component-grid-ref-5: #827153;
  --component-grid-ref-6: #7c81bc;
  --component-grid-ref-7: #c9733c;
  --component-grid-ref-8: #636363;
  --component-formula-bar-bg: #ffffff;
  --component-formula-bar-border: #e1e2e3;
  --component-formula-bar-divider: #d9dadb;
  --component-formula-bar-name-box-bg: #fafafb;
  --component-formula-bar-name-box-fg: #0e0e0f;
  --component-formula-bar-name-box-border: #858688;
  --component-formula-bar-fx-fg: #6d6d6f;
  --component-formula-bar-input-fg: #0e0e0f;
  --component-formula-bar-placeholder: #6d6d6f;
  --component-formula-bar-focus-ring: #2f4be3;
  --component-formula-bar-syntax-function: #2c47c7;
  --component-formula-bar-syntax-string: #1f6f3d;
  --component-formula-bar-syntax-number: #0e0e0f;
  --component-formula-bar-syntax-operator: #525254;
  --component-formula-bar-syntax-error: #b32325;
  --component-formula-bar-hint-fg: #525254;
  --component-formula-bar-hint-active-fg: #0e0e0f;
  --component-formula-bar-ref-1: #2563eb;
  --component-formula-bar-ref-2: #ad5602;
  --component-formula-bar-ref-3: #2a977d;
  --component-formula-bar-ref-4: #a1568e;
  --component-formula-bar-ref-5: #827153;
  --component-formula-bar-ref-6: #7c81bc;
  --component-formula-bar-ref-7: #c9733c;
  --component-formula-bar-ref-8: #636363;
  --component-sheet-tabs-bar-bg: #fafafb;
  --component-sheet-tabs-bar-border: #e1e2e3;
  --component-sheet-tabs-fg: #525254;
  --component-sheet-tabs-hover-bg: rgb(10 10 10 / 0.051);
  --component-sheet-tabs-fg-hover: #0e0e0f;
  --component-sheet-tabs-active-bg: #ffffff;
  --component-sheet-tabs-active-fg: #0e0e0f;
  --component-sheet-tabs-active-border: #d9dadb;
  --component-sheet-tabs-indicator: #2f4be3;
  --component-sheet-tabs-focus-ring: #2f4be3;
  --component-sheet-tabs-add-fg: #525254;
  --component-sheet-tabs-rail-1: #2563eb;
  --component-sheet-tabs-rail-2: #ad5602;
  --component-sheet-tabs-rail-3: #2a977d;
  --component-sheet-tabs-rail-4: #a1568e;
  --component-sheet-tabs-rail-5: #827153;
  --component-sheet-tabs-rail-6: #7c81bc;
  --component-sheet-tabs-rail-7: #c9733c;
  --component-sheet-tabs-rail-8: #636363;
  --component-chart-bg: #ffffff;
  --component-chart-title-fg: #0e0e0f;
  --component-chart-subtitle-fg: #525254;
  --component-chart-gridline: #e1e2e3;
  --component-chart-axis: #cdcecf;
  --component-chart-label: #525254;
  --component-chart-legend-fg: #525254;
  --component-chart-target-line: #525254;
  --component-chart-annotation-fg: #0e0e0f;
  --component-chart-selected-border: #2f4be3;
  --component-chart-focus-ring: #2f4be3;
  --component-chart-plot-hover: rgb(10 10 10 / 0.051);
  --component-chart-editor-bg: #ffffff;
  --component-chart-editor-border: #e1e2e3;
  --component-chart-editor-section-fg: #525254;
  --component-chart-editor-swatch-border: #d9dadb;
  --component-chart-series-1: #2563eb;
  --component-chart-series-2: #ad5602;
  --component-chart-series-3: #2a977d;
  --component-chart-series-4: #a1568e;
  --component-chart-series-5: #827153;
  --component-chart-series-6: #7c81bc;
  --component-chart-series-7: #c9733c;
  --component-chart-series-8: #636363;
  --component-kpi-tile-bg: #ffffff;
  --component-kpi-tile-border: #e1e2e3;
  --component-kpi-tile-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-kpi-tile-label-fg: #525254;
  --component-kpi-tile-value-fg: #0e0e0f;
  --component-kpi-tile-meta-fg: #6d6d6f;
  --component-kpi-tile-delta-up-fg: #1f6f3d;
  --component-kpi-tile-delta-down-fg: #b32325;
  --component-kpi-tile-delta-flat-fg: #525254;
  --component-kpi-tile-delta-up-bg: #e9f4ec;
  --component-kpi-tile-delta-down-bg: #ffebe9;
  --component-kpi-tile-sparkline: #2563eb;
  --component-kpi-tile-target: #525254;
  --component-kpi-tile-focus-ring: #2f4be3;
  --component-dashboard-canvas-bg: #fafafb;
  --component-dashboard-canvas-grid: #e1e2e3;
  --component-dashboard-tile-bg: #ffffff;
  --component-dashboard-tile-border: #e1e2e3;
  --component-dashboard-tile-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-dashboard-tile-hover-border: #858688;
  --component-dashboard-tile-selected-border: #2f4be3;
  --component-dashboard-tile-focus-ring: #2f4be3;
  --component-dashboard-tile-drag-shadow: 0px 4px 14px 0px rgb(10 10 10 / 0.1216);
  --component-dashboard-title-fg: #0e0e0f;
  --component-dashboard-meta-fg: #6d6d6f;
  --component-dashboard-stale-fg: #8b5500;
  --component-dashboard-guide: #2f4be3;
  --component-dashboard-handle-bg: #ffffff;
  --component-dashboard-handle-border: #2f4be3;
  --component-dashboard-filter-bar-bg: #ffffff;
  --component-dashboard-filter-bar-border: #e1e2e3;
  --component-dashboard-empty-fg: #525254;
  --component-dashboard-empty-border: #d9dadb;
  --component-slicer-bg: #ffffff;
  --component-slicer-fg: #0e0e0f;
  --component-slicer-border: #858688;
  --component-slicer-hover-bg: rgb(10 10 10 / 0.051);
  --component-slicer-selected-bg: #eaf0ff;
  --component-slicer-selected-fg: #2c47c7;
  --component-slicer-selected-border: #2f4be3;
  --component-slicer-focus-ring: #2f4be3;
  --component-slicer-label-fg: #525254;
  --component-slicer-count-bg: #2f4be3;
  --component-slicer-count-fg: #ffffff;
  --component-slicer-clear-fg: #525254;
  --component-slicer-disabled-fg: #b8b9ba;
  --component-field-list-bg: #ffffff;
  --component-field-list-fg: #0e0e0f;
  --component-field-list-fg-muted: #525254;
  --component-field-list-section-fg: #525254;
  --component-field-list-icon-fg: #6d6d6f;
  --component-field-list-measure-fg: #2c47c7;
  --component-field-list-item-hover: rgb(10 10 10 / 0.051);
  --component-field-list-item-selected-bg: #eaf0ff;
  --component-field-list-item-selected-rail: #2f4be3;
  --component-field-list-focus-ring: #2f4be3;
  --component-field-list-well-bg: #fafafb;
  --component-field-list-well-border: #858688;
  --component-field-list-drop-target: #2f4be3;
  --component-field-list-well-item-bg: #ffffff;
  --component-field-list-well-item-border: #d9dadb;
  --component-field-list-model-canvas-bg: #f1f2f3;
  --component-field-list-model-table-bg: #ffffff;
  --component-field-list-model-table-header-bg: #fafafb;
  --component-field-list-model-table-border: #d9dadb;
  --component-field-list-model-table-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-field-list-relationship: #858688;
  --component-field-list-relationship-selected: #2f4be3;
  --component-list-view-bg: #ffffff;
  --component-list-view-fg: #0e0e0f;
  --component-list-view-fg-muted: #525254;
  --component-list-view-icon-fg: #525254;
  --component-list-view-disabled-fg: #b8b9ba;
  --component-list-view-divider: #e1e2e3;
  --component-list-view-row-hover: rgb(10 10 10 / 0.051);
  --component-list-view-selected-bg: #eaf0ff;
  --component-list-view-selected-fg: #0e0e0f;
  --component-list-view-selected-rail: #2f4be3;
  --component-list-view-focus-ring: #2f4be3;
  --component-list-view-focus-halo: rgb(47 75 227 / 0.251);
  --component-list-view-tree-guide: #e1e2e3;
  --component-list-view-twisty-fg: #525254;
  --component-list-view-drop-target: #2f4be3;
  --component-canvas-bg: #f1f2f3;
  --component-canvas-board-bg: #fafafb;
  --component-canvas-page-bg: #ffffff;
  --component-canvas-board-grid: #e1e2e3;
  --component-canvas-object-hover-border: #858688;
  --component-canvas-selected-border: #2f4be3;
  --component-canvas-handle-bg: #ffffff;
  --component-canvas-handle-border: #2f4be3;
  --component-canvas-marquee-bg: #eaf0ff;
  --component-canvas-marquee-border: #2f4be3;
  --component-canvas-connector: #858688;
  --component-canvas-connector-selected: #2f4be3;
  --component-canvas-guide: #2f4be3;
  --component-canvas-focus-ring: #2f4be3;
  --component-canvas-focus-halo: rgb(47 75 227 / 0.251);
  --v1-color-bg: #fafafb;
  --v1-color-surface: #ffffff;
  --v1-color-surface-2: #f1f2f3;
  --v1-color-surface-3: #e9eaeb;
  --v1-color-line: #e1e2e3;
  --v1-color-line-strong: #cdcecf;
  --v1-color-control-border: #858688;
  --v1-color-ink: #0e0e0f;
  --v1-color-ink-2: #525254;
  --v1-color-ink-3: #6d6d6f;
  --v1-color-ink-disabled: #b8b9ba;
  --v1-color-accent: #2f4be3;
  --v1-color-accent-text: #2c47c7;
  --v1-color-accent-fill: #2f4be3;
  --v1-color-accent-fill-hover: #2840cb;
  --v1-color-on-accent: #ffffff;
  --v1-color-accent-soft: #eaf0ff;
  --v1-color-focus: #2f4be3;
  --v1-color-ok: #1e8347;
  --v1-color-ok-text: #1f6f3d;
  --v1-color-ok-soft: #e9f4ec;
  --v1-color-warning: #ffa323;
  --v1-color-warning-text: #8b5500;
  --v1-color-warning-soft: #f8efe5;
  --v1-color-danger: #d0252a;
  --v1-color-danger-text: #b32325;
  --v1-color-danger-soft: #ffebe9;
  --v1-color-on-danger: #ffffff;
  --v1-color-info: #2f4be3;
  --v1-color-info-text: #2c47c7;
  --v1-color-info-soft: #eaf0ff;
  --v1-color-scrim: rgb(10 10 10 / 0.4);
  --v1-color-comment: #ffa323;
  --v1-grid-gridline: #e1e2e3;
  --v1-grid-header: #fafafb;
  --v1-grid-header-selected: #dee8ff;
  --v1-grid-header-text: #525254;
  --v1-grid-selection-fill: #eaf0ff;
  --v1-grid-selection-border: #2f4be3;
  --v1-grid-frozen-divider: #cdcecf;
  --v1-grid-override: #ffa323;
  --v1-grid-hatch: #cdcecf;
  --v1-live-block-frame: #d9dadb;
  --v1-live-block-caption: #fafafb;
  --v1-live-block-caption-text: #6d6d6f;
  --v1-live-block-live: #1f6f3d;
  --v1-elevation-1: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --v1-elevation-2: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --v1-elevation-dark-1: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --v1-elevation-dark-2: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
}

/* Dark: the OS setting, or data-theme="dark". */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --color-bg-canvas: #0b0b0c;
    --color-bg-sunken: #060607;
    --color-bg-surface: #121313;
    --color-bg-raised: #1b1b1c;
    --color-bg-overlay: #222324;
    --color-bg-inverse: #f1f2f3;
    --color-bg-inverse-hover: #dadbdc;
    --color-bg-hover: #222324;
    --color-bg-active: #2a2b2c;
    --color-bg-selected: #182347;
    --color-fg-default: #f1f2f3;
    --color-fg-muted: #bababc;
    --color-fg-subtle: #9a9a9c;
    --color-fg-disabled: #5d5d5f;
    --color-fg-on-accent: #ffffff;
    --color-fg-inverse: #0b0b0c;
    --color-border-subtle: #343536;
    --color-border-default: #454547;
    --color-border-strong: #5d5d5f;
    --color-border-control: #757677;
    --color-accent-solid: #3b5ce4;
    --color-accent-solid-hover: #4568e9;
    --color-accent-fg: #9db8ff;
    --color-accent-bg: #182347;
    --color-accent-bg-hover: #1c2c5e;
    --color-accent-border: #344c99;
    --color-accent-indicator: #4568e9;
    --color-accent-pulse: rgb(104 139 243 / 0.349);
    --color-focus-ring: #688bf3;
    --color-focus-halo: rgb(104 139 243 / 0.302);
    --color-selection-bg: #182347;
    --color-selection-fg: #f1f2f3;
    --color-selection-border: #4568e9;
    --color-state-hover: rgb(255 255 255 / 0.0588);
    --color-state-active: rgb(255 255 255 / 0.102);
    --color-scrim: rgb(0 0 0 / 0.6392);
    --color-success-bg: #132c1b;
    --color-success-border: #29603b;
    --color-success-solid: #228147;
    --color-success-solid-hover: #357248;
    --color-success-fg: #72cf8e;
    --color-success-on-solid: #ffffff;
    --color-warning-bg: #362106;
    --color-warning-border: #744703;
    --color-warning-solid: #fda42e;
    --color-warning-solid-hover: #ffb663;
    --color-warning-fg: #ffbb6f;
    --color-warning-on-solid: #1c1300;
    --color-danger-bg: #411714;
    --color-danger-border: #8a302c;
    --color-danger-solid: #d03736;
    --color-danger-solid-hover: #a33d38;
    --color-danger-fg: #fb988f;
    --color-danger-on-solid: #ffffff;
    --color-info-bg: #182347;
    --color-info-border: #344c99;
    --color-info-solid: #3b5ce4;
    --color-info-solid-hover: #4568e9;
    --color-info-fg: #9db8ff;
    --color-info-on-solid: #ffffff;
    --color-category-red: #e98286;
    --color-category-orange: #e58a37;
    --color-category-peach: #cb9808;
    --color-category-yellow: #a9a409;
    --color-category-green: #31b803;
    --color-category-teal: #4db196;
    --color-category-olive: #91a780;
    --color-category-blue: #7aa0e8;
    --color-category-purple: #af8ff0;
    --color-category-maroon: #d38aad;
    --color-category-steel: #a59bb9;
    --color-category-dark-steel: #61708d;
    --color-category-gray: #c4c4c1;
    --color-category-dark-gray: #959593;
    --color-category-black: #70706e;
    --color-category-dark-red: #e00223;
    --color-category-dark-orange: #ba4f04;
    --color-category-dark-peach: #976606;
    --color-category-dark-yellow: #817d01;
    --color-category-dark-green: #158201;
    --color-category-dark-teal: #047f60;
    --color-category-dark-olive: #6f925a;
    --color-category-dark-blue: #176ae5;
    --color-category-dark-purple: #814cf0;
    --color-category-dark-maroon: #bd4082;
    --elevation-raised: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-overlay: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --elevation-lift: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
    --elevation-level-0-bg: #0b0b0c;
    --elevation-level-0-highlight: rgb(255 255 255 / 0);
    --elevation-level-1-bg: #121313;
    --elevation-level-1-highlight: rgb(255 255 255 / 0);
    --elevation-level-2-bg: #1b1b1c;
    --elevation-level-2-highlight: rgb(255 255 255 / 0.0392);
    --elevation-level-2-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-level-3-bg: #222324;
    --elevation-level-3-highlight: rgb(255 255 255 / 0.0588);
    --elevation-level-3-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-level-3-shadow-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --dataviz-categorical-1: #6194fb;
    --dataviz-categorical-2: #d68742;
    --dataviz-categorical-3: #72c8b8;
    --dataviz-categorical-4: #c283b3;
    --dataviz-categorical-5: #b3a48b;
    --dataviz-categorical-6: #a0b0e6;
    --dataviz-categorical-7: #f4b07a;
    --dataviz-categorical-8: #908d86;
    --dataviz-sequential-1: #142341;
    --dataviz-sequential-2: #1b3363;
    --dataviz-sequential-3: #26468a;
    --dataviz-sequential-4: #305bb4;
    --dataviz-sequential-5: #3f71da;
    --dataviz-sequential-6: #568af6;
    --dataviz-sequential-7: #82adff;
    --dataviz-sequential-8: #b9d2ff;
    --dataviz-diverging-1: #9cbeff;
    --dataviz-diverging-2: #5688ec;
    --dataviz-diverging-3: #2d4f94;
    --dataviz-diverging-4: #3a3a3a;
    --dataviz-diverging-5: #7b461e;
    --dataviz-diverging-6: #cf752d;
    --dataviz-diverging-7: #f4b082;
    --dataviz-gridline: #343536;
    --dataviz-axis: #5d5d5f;
    --dataviz-label: #bababc;
    --component-button-primary-bg: #f1f2f3;
    --component-button-primary-bg-hover: #dadbdc;
    --component-button-primary-fg: #0b0b0c;
    --component-button-secondary-bg: #121313;
    --component-button-secondary-bg-hover: rgb(255 255 255 / 0.0588);
    --component-button-secondary-border: #757677;
    --component-button-secondary-fg: #f1f2f3;
    --component-button-accent-bg: #3b5ce4;
    --component-button-accent-bg-hover: #4568e9;
    --component-button-accent-fg: #ffffff;
    --component-button-ghost-bg-hover: rgb(255 255 255 / 0.0588);
    --component-button-ghost-fg: #f1f2f3;
    --component-button-ghost-fg-muted: #bababc;
    --component-button-danger-bg: #d03736;
    --component-button-danger-bg-hover: #a33d38;
    --component-button-danger-fg: #ffffff;
    --component-button-danger-subtle-bg: #411714;
    --component-button-danger-subtle-bg-hover: rgb(255 255 255 / 0.0588);
    --component-button-danger-subtle-border: #8a302c;
    --component-button-danger-subtle-fg: #fb988f;
    --component-button-state-pressed-layer: rgb(255 255 255 / 0.102);
    --component-button-state-disabled-bg: rgb(255 255 255 / 0.0588);
    --component-button-state-disabled-fg: #5d5d5f;
    --component-button-state-focus-ring: #688bf3;
    --component-button-state-focus-halo: rgb(104 139 243 / 0.302);
    --component-button-state-selected-bg: #182347;
    --component-button-state-selected-fg: #9db8ff;
    --component-button-state-selected-border: #4568e9;
    --component-input-bg: #060607;
    --component-input-border: #757677;
    --component-input-border-hover: #9a9a9c;
    --component-input-border-focus: #688bf3;
    --component-input-fg: #f1f2f3;
    --component-input-placeholder: #9a9a9c;
    --component-input-label: #bababc;
    --component-input-help: #9a9a9c;
    --component-input-error: #fb988f;
    --component-input-error-border: #d03736;
    --component-input-disabled-bg: rgb(255 255 255 / 0.0588);
    --component-input-disabled-fg: #5d5d5f;
    --component-input-bg-hover: #121313;
    --component-input-focus-ring: #688bf3;
    --component-input-focus-halo: rgb(104 139 243 / 0.302);
    --component-input-selection-bg: #182347;
    --component-input-error-icon: #fb988f;
    --component-input-disabled-border: #343536;
    --component-select-bg: #060607;
    --component-select-border: #757677;
    --component-select-fg: #f1f2f3;
    --component-select-chevron: #bababc;
    --component-select-border-hover: #9a9a9c;
    --component-select-pressed-layer: rgb(255 255 255 / 0.102);
    --component-select-focus-ring: #688bf3;
    --component-select-focus-halo: rgb(104 139 243 / 0.302);
    --component-select-placeholder: #9a9a9c;
    --component-select-list-bg: #222324;
    --component-select-list-border: #454547;
    --component-select-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-select-option-fg: #f1f2f3;
    --component-select-option-hover: rgb(255 255 255 / 0.0588);
    --component-select-option-pressed: rgb(255 255 255 / 0.102);
    --component-select-option-selected-bg: #182347;
    --component-select-option-selected-fg: #f1f2f3;
    --component-select-option-check: #9db8ff;
    --component-select-disabled-bg: rgb(255 255 255 / 0.0588);
    --component-select-disabled-fg: #5d5d5f;
    --component-select-disabled-border: #343536;
    --component-select-error-border: #d03736;
    --component-select-error: #fb988f;
    --component-combobox-bg: #060607;
    --component-combobox-border: #757677;
    --component-combobox-fg: #f1f2f3;
    --component-combobox-list-bg: #222324;
    --component-combobox-option-hover: rgb(255 255 255 / 0.0588);
    --component-combobox-option-selected-bg: #182347;
    --component-combobox-match-bg: #182347;
    --component-combobox-match-fg: #f1f2f3;
    --component-combobox-border-hover: #9a9a9c;
    --component-combobox-focus-ring: #688bf3;
    --component-combobox-focus-halo: rgb(104 139 243 / 0.302);
    --component-combobox-placeholder: #9a9a9c;
    --component-combobox-list-border: #454547;
    --component-combobox-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-combobox-option-fg: #f1f2f3;
    --component-combobox-option-pressed: rgb(255 255 255 / 0.102);
    --component-combobox-option-selected-fg: #f1f2f3;
    --component-combobox-option-check: #9db8ff;
    --component-combobox-disabled-bg: rgb(255 255 255 / 0.0588);
    --component-combobox-disabled-fg: #5d5d5f;
    --component-combobox-disabled-border: #343536;
    --component-combobox-error-border: #d03736;
    --component-combobox-error: #fb988f;
    --component-control-border: #757677;
    --component-control-checked-bg: #4568e9;
    --component-control-checked-fg: #ffffff;
    --component-control-track: rgb(255 255 255 / 0.102);
    --component-control-thumb: #121313;
    --component-menu-bg: #222324;
    --component-menu-border: #343536;
    --component-menu-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-menu-fg: #f1f2f3;
    --component-menu-item-hover: rgb(255 255 255 / 0.0588);
    --component-menu-item-checked-bg: #182347;
    --component-menu-check: #9db8ff;
    --component-menu-shortcut: #9a9a9c;
    --component-menu-label: #9a9a9c;
    --component-menu-danger: #fb988f;
    --component-menu-separator: #343536;
    --component-menu-rail: #4568e9;
    --component-menu-item-pressed: rgb(255 255 255 / 0.102);
    --component-menu-focus-ring: #688bf3;
    --component-menu-focus-halo: rgb(104 139 243 / 0.302);
    --component-menu-disabled-fg: #5d5d5f;
    --component-popover-bg: #222324;
    --component-popover-border: #343536;
    --component-popover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-popover-fg: #f1f2f3;
    --component-popover-fg-muted: #bababc;
    --component-tooltip-bg: #222324;
    --component-tooltip-fg: #f1f2f3;
    --component-tooltip-border: #454547;
    --component-tooltip-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-card-bg: #121313;
    --component-card-border: #343536;
    --component-card-fg: #f1f2f3;
    --component-card-fg-muted: #bababc;
    --component-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-card-drag-bg: #1b1b1c;
    --component-card-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-card-selected-bg: #182347;
    --component-card-selected-border: #4568e9;
    --component-card-hover-border: #5d5d5f;
    --component-card-pressed-layer: rgb(255 255 255 / 0.102);
    --component-card-focus-ring: #688bf3;
    --component-card-focus-halo: rgb(104 139 243 / 0.302);
    --component-card-disabled-fg: #5d5d5f;
    --component-modal-bg: #222324;
    --component-modal-border: #343536;
    --component-modal-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --component-modal-scrim: rgb(0 0 0 / 0.6392);
    --component-modal-title: #f1f2f3;
    --component-modal-fg: #bababc;
    --component-modal-close-fg: #bababc;
    --component-modal-close-hover: rgb(255 255 255 / 0.0588);
    --component-modal-close-pressed: rgb(255 255 255 / 0.102);
    --component-modal-focus-ring: #688bf3;
    --component-modal-focus-halo: rgb(104 139 243 / 0.302);
    --component-modal-divider: #343536;
    --component-sheet-bg: #222324;
    --component-sheet-border: #343536;
    --component-sheet-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --component-sheet-scrim: rgb(0 0 0 / 0.6392);
    --component-sheet-title: #f1f2f3;
    --component-sheet-fg: #bababc;
    --component-sheet-handle: #5d5d5f;
    --component-sheet-close-fg: #bababc;
    --component-sheet-close-hover: rgb(255 255 255 / 0.0588);
    --component-sheet-close-pressed: rgb(255 255 255 / 0.102);
    --component-sheet-focus-ring: #688bf3;
    --component-sheet-focus-halo: rgb(104 139 243 / 0.302);
    --component-sheet-divider: #343536;
    --component-toast-bg: #222324;
    --component-toast-border: #454547;
    --component-toast-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-toast-title: #f1f2f3;
    --component-toast-fg: #bababc;
    --component-toast-drain: #4568e9;
    --component-toast-icon-success: #72cf8e;
    --component-toast-icon-warning: #ffbb6f;
    --component-toast-icon-danger: #fb988f;
    --component-toast-icon-info: #9db8ff;
    --component-toast-action-fg: #9db8ff;
    --component-toast-close-fg: #bababc;
    --component-toast-close-hover: rgb(255 255 255 / 0.0588);
    --component-toast-close-pressed: rgb(255 255 255 / 0.102);
    --component-toast-focus-ring: #688bf3;
    --component-toast-focus-halo: rgb(104 139 243 / 0.302);
    --component-tabs-fg: #bababc;
    --component-tabs-fg-hover: #f1f2f3;
    --component-tabs-selected-fg: #f1f2f3;
    --component-tabs-indicator: #9db8ff;
    --component-tabs-border: #343536;
    --component-tabs-hover-bg: rgb(255 255 255 / 0.0588);
    --component-tabs-pressed-layer: rgb(255 255 255 / 0.102);
    --component-tabs-focus-ring: #688bf3;
    --component-tabs-focus-halo: rgb(104 139 243 / 0.302);
    --component-tabs-disabled-fg: #5d5d5f;
    --component-tabs-panel-bg: #0b0b0c;
    --component-table-header-bg: #0b0b0c;
    --component-table-header-fg: #bababc;
    --component-table-row-bg: #121313;
    --component-table-zebra-bg: #0b0b0c;
    --component-table-fg: #f1f2f3;
    --component-table-gridline: #343536;
    --component-table-frozen-divider: #5d5d5f;
    --component-table-row-hover: rgb(255 255 255 / 0.0588);
    --component-table-selected-bg: #182347;
    --component-table-selected-fg: #f1f2f3;
    --component-table-selected-border: #4568e9;
    --component-table-focus-ring: #688bf3;
    --component-table-header-selected-bg: #1c2c5e;
    --component-table-header-selected-fg: #9db8ff;
    --component-table-override-mark: #fda42e;
    --component-table-hatch: #5d5d5f;
    --component-table-header-hover: rgb(255 255 255 / 0.0588);
    --component-table-row-pressed: rgb(255 255 255 / 0.102);
    --component-table-focus-halo: rgb(104 139 243 / 0.302);
    --component-table-disabled-fg: #5d5d5f;
    --component-table-invalid-mark: #fb988f;
    --component-table-invalid-fg: #fb988f;
    --component-chip-bg: rgb(255 255 255 / 0.0588);
    --component-chip-border: #343536;
    --component-chip-fg: #bababc;
    --component-chip-selected-bg: #182347;
    --component-chip-selected-border: #344c99;
    --component-chip-selected-fg: #9db8ff;
    --component-chip-hover-bg: rgb(255 255 255 / 0.0588);
    --component-chip-pressed-layer: rgb(255 255 255 / 0.102);
    --component-chip-focus-ring: #688bf3;
    --component-chip-focus-halo: rgb(104 139 243 / 0.302);
    --component-chip-remove-fg: #bababc;
    --component-chip-remove-hover: rgb(255 255 255 / 0.0588);
    --component-chip-disabled-fg: #5d5d5f;
    --component-chip-disabled-border: #343536;
    --component-chip-invalid-border: #fb988f;
    --component-chip-invalid-fg: #fb988f;
    --component-badge-bg: rgb(255 255 255 / 0.102);
    --component-badge-fg: #f1f2f3;
    --component-badge-success-bg: #132c1b;
    --component-badge-success-border: #29603b;
    --component-badge-success-fg: #72cf8e;
    --component-badge-success-solid-bg: #228147;
    --component-badge-success-solid-fg: #ffffff;
    --component-badge-warning-bg: #362106;
    --component-badge-warning-border: #744703;
    --component-badge-warning-fg: #ffbb6f;
    --component-badge-warning-solid-bg: #fda42e;
    --component-badge-warning-solid-fg: #1c1300;
    --component-badge-danger-bg: #411714;
    --component-badge-danger-border: #8a302c;
    --component-badge-danger-fg: #fb988f;
    --component-badge-danger-solid-bg: #d03736;
    --component-badge-danger-solid-fg: #ffffff;
    --component-badge-info-bg: #182347;
    --component-badge-info-border: #344c99;
    --component-badge-info-fg: #9db8ff;
    --component-badge-info-solid-bg: #3b5ce4;
    --component-badge-info-solid-fg: #ffffff;
    --component-link-fg: #9db8ff;
    --component-link-fg-hover: #9db8ff;
    --component-link-underline: #344c99;
    --component-live-block-frame: #454547;
    --component-live-block-caption-bg: #0b0b0c;
    --component-live-block-caption-fg: #9a9a9c;
    --component-live-block-live-dot: #72cf8e;
    --component-live-block-stale-dot: #4568e9;
    --component-live-block-pulse: rgb(104 139 243 / 0.349);
    --component-presence-self: #4568e9;
    --component-presence-label-bg: #f1f2f3;
    --component-presence-label-fg: #0b0b0c;
    --component-presence-cursor-1: #d68742;
    --component-presence-cursor-2: #72c8b8;
    --component-presence-cursor-3: #c283b3;
    --component-presence-cursor-4: #b3a48b;
    --component-presence-cursor-5: #a0b0e6;
    --component-presence-cursor-6: #f4b07a;
    --component-presence-cursor-7: #908d86;
    --component-comment-mark: #fda42e;
    --component-comment-bg: #362106;
    --component-comment-fg: #f1f2f3;
    --component-comment-thread-bg: #1b1b1c;
    --component-comment-thread-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-comment-resolved: #9a9a9c;
    --component-skeleton-bg: rgb(255 255 255 / 0.0588);
    --component-skeleton-highlight: rgb(255 255 255 / 0.102);
    --component-progress-track: rgb(255 255 255 / 0.102);
    --component-progress-fill: #4568e9;
    --component-progress-label-fg: #bababc;
    --component-progress-track-border: #757677;
    --component-progress-fill-success: #228147;
    --component-progress-fill-invalid: #d03736;
    --component-progress-disabled-fill: #5d5d5f;
    --component-checkbox-box-bg: #121313;
    --component-checkbox-box-border: #757677;
    --component-checkbox-box-border-hover: #9a9a9c;
    --component-checkbox-hover-layer: rgb(255 255 255 / 0.0588);
    --component-checkbox-pressed-layer: rgb(255 255 255 / 0.102);
    --component-checkbox-checked-bg: #4568e9;
    --component-checkbox-checked-bg-hover: #4568e9;
    --component-checkbox-checked-fg: #ffffff;
    --component-checkbox-focus-ring: #688bf3;
    --component-checkbox-focus-halo: rgb(104 139 243 / 0.302);
    --component-checkbox-label-fg: #f1f2f3;
    --component-checkbox-help-fg: #bababc;
    --component-checkbox-disabled-bg: rgb(255 255 255 / 0.0588);
    --component-checkbox-disabled-border: #343536;
    --component-checkbox-disabled-fg: #5d5d5f;
    --component-checkbox-invalid-border: #fb988f;
    --component-checkbox-invalid-fg: #fb988f;
    --component-radio-bg: #121313;
    --component-radio-border: #757677;
    --component-radio-border-hover: #9a9a9c;
    --component-radio-hover-layer: rgb(255 255 255 / 0.0588);
    --component-radio-pressed-layer: rgb(255 255 255 / 0.102);
    --component-radio-checked-border: #4568e9;
    --component-radio-dot: #4568e9;
    --component-radio-dot-hover: #4568e9;
    --component-radio-focus-ring: #688bf3;
    --component-radio-focus-halo: rgb(104 139 243 / 0.302);
    --component-radio-label-fg: #f1f2f3;
    --component-radio-help-fg: #bababc;
    --component-radio-disabled-bg: rgb(255 255 255 / 0.0588);
    --component-radio-disabled-border: #343536;
    --component-radio-disabled-fg: #5d5d5f;
    --component-radio-invalid-border: #fb988f;
    --component-radio-invalid-fg: #fb988f;
    --component-switch-track-off: #060607;
    --component-switch-track-off-border: #757677;
    --component-switch-thumb-off: #bababc;
    --component-switch-track-on: #4568e9;
    --component-switch-track-on-hover: #4568e9;
    --component-switch-thumb-on: #ffffff;
    --component-switch-hover-layer: rgb(255 255 255 / 0.0588);
    --component-switch-pressed-layer: rgb(255 255 255 / 0.102);
    --component-switch-focus-ring: #688bf3;
    --component-switch-focus-halo: rgb(104 139 243 / 0.302);
    --component-switch-label-fg: #f1f2f3;
    --component-switch-disabled-track: rgb(255 255 255 / 0.0588);
    --component-switch-disabled-border: #343536;
    --component-switch-disabled-thumb: #5d5d5f;
    --component-switch-disabled-fg: #5d5d5f;
    --component-switch-invalid-border: #fb988f;
    --component-slider-track: #757677;
    --component-slider-fill: #4568e9;
    --component-slider-thumb-bg: #121313;
    --component-slider-thumb-border: #4568e9;
    --component-slider-hover-layer: rgb(255 255 255 / 0.0588);
    --component-slider-pressed-layer: rgb(255 255 255 / 0.102);
    --component-slider-focus-ring: #688bf3;
    --component-slider-focus-halo: rgb(104 139 243 / 0.302);
    --component-slider-tick: #757677;
    --component-slider-value-fg: #f1f2f3;
    --component-slider-label-fg: #bababc;
    --component-slider-disabled-track: #343536;
    --component-slider-disabled-fill: #5d5d5f;
    --component-slider-disabled-thumb: #5d5d5f;
    --component-slider-invalid-fill: #d03736;
    --component-date-field-bg: #121313;
    --component-date-field-border: #757677;
    --component-date-field-border-hover: #9a9a9c;
    --component-date-field-border-focus: #688bf3;
    --component-date-field-fg: #f1f2f3;
    --component-date-field-placeholder: #9a9a9c;
    --component-date-field-icon: #bababc;
    --component-date-field-segment-focus-bg: #182347;
    --component-date-field-segment-focus-fg: #9db8ff;
    --component-date-field-focus-ring: #688bf3;
    --component-date-field-focus-halo: rgb(104 139 243 / 0.302);
    --component-date-field-popup-bg: #222324;
    --component-date-field-popup-border: #454547;
    --component-date-field-popup-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-date-field-weekday-fg: #bababc;
    --component-date-field-day-fg: #f1f2f3;
    --component-date-field-day-hover: rgb(255 255 255 / 0.0588);
    --component-date-field-day-pressed: rgb(255 255 255 / 0.102);
    --component-date-field-day-outside-fg: #9a9a9c;
    --component-date-field-day-today-border: #4568e9;
    --component-date-field-day-selected-bg: #3b5ce4;
    --component-date-field-day-selected-fg: #ffffff;
    --component-date-field-day-range-bg: #182347;
    --component-date-field-day-disabled-fg: #5d5d5f;
    --component-date-field-disabled-bg: rgb(255 255 255 / 0.0588);
    --component-date-field-disabled-fg: #5d5d5f;
    --component-date-field-disabled-border: #343536;
    --component-date-field-error-border: #d03736;
    --component-date-field-error: #fb988f;
    --component-segmented-bg: #060607;
    --component-segmented-border: #343536;
    --component-segmented-fg: #bababc;
    --component-segmented-fg-hover: #f1f2f3;
    --component-segmented-hover-bg: rgb(255 255 255 / 0.0588);
    --component-segmented-pressed-layer: rgb(255 255 255 / 0.102);
    --component-segmented-selected-bg: #121313;
    --component-segmented-selected-fg: #f1f2f3;
    --component-segmented-selected-border: #757677;
    --component-segmented-selected-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-segmented-focus-ring: #688bf3;
    --component-segmented-focus-halo: rgb(104 139 243 / 0.302);
    --component-segmented-divider: #454547;
    --component-segmented-disabled-fg: #5d5d5f;
    --component-breadcrumbs-fg: #bababc;
    --component-breadcrumbs-fg-hover: #f1f2f3;
    --component-breadcrumbs-hover-bg: rgb(255 255 255 / 0.0588);
    --component-breadcrumbs-pressed-layer: rgb(255 255 255 / 0.102);
    --component-breadcrumbs-current-fg: #f1f2f3;
    --component-breadcrumbs-separator: #9a9a9c;
    --component-breadcrumbs-focus-ring: #688bf3;
    --component-breadcrumbs-focus-halo: rgb(104 139 243 / 0.302);
    --component-breadcrumbs-disabled-fg: #5d5d5f;
    --component-breadcrumbs-overflow-fg: #bababc;
    --component-pagination-fg: #bababc;
    --component-pagination-fg-hover: #f1f2f3;
    --component-pagination-hover-bg: rgb(255 255 255 / 0.0588);
    --component-pagination-pressed-layer: rgb(255 255 255 / 0.102);
    --component-pagination-border: #343536;
    --component-pagination-selected-bg: #182347;
    --component-pagination-selected-fg: #9db8ff;
    --component-pagination-selected-border: #4568e9;
    --component-pagination-focus-ring: #688bf3;
    --component-pagination-focus-halo: rgb(104 139 243 / 0.302);
    --component-pagination-ellipsis-fg: #9a9a9c;
    --component-pagination-label-fg: #bababc;
    --component-pagination-disabled-fg: #5d5d5f;
    --component-spinner-track: #343536;
    --component-spinner-arc: #4568e9;
    --component-spinner-arc-on-accent: #ffffff;
    --component-spinner-arc-on-inverse: #0b0b0c;
    --component-spinner-arc-muted: #bababc;
    --component-spinner-label-fg: #bababc;
    --component-avatar-bg: #222324;
    --component-avatar-fg: #f1f2f3;
    --component-avatar-ring: #121313;
    --component-avatar-hover-ring: #9a9a9c;
    --component-avatar-selected-ring: #4568e9;
    --component-avatar-focus-ring: #688bf3;
    --component-avatar-focus-halo: rgb(104 139 243 / 0.302);
    --component-avatar-presence-available: #72cf8e;
    --component-avatar-presence-busy: #fb988f;
    --component-avatar-presence-away: #ffbb6f;
    --component-avatar-presence-offline: #757677;
    --component-avatar-presence-ring: #121313;
    --component-avatar-overflow-bg: #060607;
    --component-avatar-overflow-fg: #bababc;
    --component-avatar-disabled-fg: #5d5d5f;
    --component-empty-state-bg: #0b0b0c;
    --component-empty-state-icon: #9a9a9c;
    --component-empty-state-title-fg: #f1f2f3;
    --component-empty-state-fg: #bababc;
    --component-empty-state-border: #757677;
    --component-empty-state-drop-hover-bg: #182347;
    --component-empty-state-drop-hover-border: #4568e9;
    --component-empty-state-drop-hover-fg: #f1f2f3;
    --component-empty-state-focus-ring: #688bf3;
    --component-empty-state-focus-halo: rgb(104 139 243 / 0.302);
    --component-empty-state-disabled-fg: #5d5d5f;
    --component-empty-state-invalid-border: #fb988f;
    --component-empty-state-invalid-fg: #fb988f;
    --component-banner-bg: #121313;
    --component-banner-border: #454547;
    --component-banner-fg: #f1f2f3;
    --component-banner-fg-muted: #bababc;
    --component-banner-icon: #bababc;
    --component-banner-info-bg: #182347;
    --component-banner-info-border: #344c99;
    --component-banner-info-icon: #9db8ff;
    --component-banner-info-title: #9db8ff;
    --component-banner-info-fg: #f1f2f3;
    --component-banner-success-bg: #132c1b;
    --component-banner-success-border: #29603b;
    --component-banner-success-icon: #72cf8e;
    --component-banner-success-title: #72cf8e;
    --component-banner-success-fg: #f1f2f3;
    --component-banner-warning-bg: #362106;
    --component-banner-warning-border: #744703;
    --component-banner-warning-icon: #ffbb6f;
    --component-banner-warning-title: #ffbb6f;
    --component-banner-warning-fg: #f1f2f3;
    --component-banner-danger-bg: #411714;
    --component-banner-danger-border: #8a302c;
    --component-banner-danger-icon: #fb988f;
    --component-banner-danger-title: #fb988f;
    --component-banner-danger-fg: #f1f2f3;
    --component-banner-action-fg: #9db8ff;
    --component-banner-close-fg: #bababc;
    --component-banner-close-hover: rgb(255 255 255 / 0.0588);
    --component-banner-close-pressed: rgb(255 255 255 / 0.102);
    --component-banner-focus-ring: #688bf3;
    --component-banner-focus-halo: rgb(104 139 243 / 0.302);
    --component-inbox-list-bg: #121313;
    --component-inbox-list-row-hover: rgb(255 255 255 / 0.0588);
    --component-inbox-list-row-active: rgb(255 255 255 / 0.102);
    --component-inbox-list-divider: #343536;
    --component-inbox-list-fg: #f1f2f3;
    --component-inbox-list-fg-muted: #bababc;
    --component-inbox-list-meta: #9a9a9c;
    --component-inbox-list-unread-fg: #f1f2f3;
    --component-inbox-list-unread-dot: #4568e9;
    --component-inbox-list-thread-count-bg: rgb(255 255 255 / 0.0588);
    --component-inbox-list-thread-count-fg: #bababc;
    --component-inbox-list-thread-line: #454547;
    --component-inbox-list-flag: #fb988f;
    --component-inbox-list-pinned: #9db8ff;
    --component-inbox-list-selected-bg: #182347;
    --component-inbox-list-selected-fg: #f1f2f3;
    --component-inbox-list-selected-rail: #4568e9;
    --component-inbox-list-focus-ring: #688bf3;
    --component-inbox-list-group-header-bg: #0b0b0c;
    --component-inbox-list-group-header-fg: #bababc;
    --component-reader-bg: #121313;
    --component-reader-fg: #f1f2f3;
    --component-reader-subject-fg: #f1f2f3;
    --component-reader-meta: #bababc;
    --component-reader-divider: #343536;
    --component-reader-collapsed-bg: #0b0b0c;
    --component-reader-collapsed-fg: #bababc;
    --component-reader-quote-bar: #5d5d5f;
    --component-reader-quote-fg: #bababc;
    --component-reader-attachment-bg: #0b0b0c;
    --component-reader-attachment-border: #454547;
    --component-reader-attachment-fg: #f1f2f3;
    --component-reader-banner-external-bg: #362106;
    --component-reader-banner-external-border: #744703;
    --component-reader-banner-external-fg: #f1f2f3;
    --component-reader-banner-remote-bg: #182347;
    --component-reader-banner-remote-border: #344c99;
    --component-reader-banner-remote-fg: #f1f2f3;
    --component-reader-focus-ring: #688bf3;
    --component-composer-bg: #121313;
    --component-composer-fg: #f1f2f3;
    --component-composer-placeholder: #9a9a9c;
    --component-composer-field-label: #bababc;
    --component-composer-field-divider: #343536;
    --component-composer-toolbar-bg: #0b0b0c;
    --component-composer-toolbar-fg: #bababc;
    --component-composer-recipient-bg: rgb(255 255 255 / 0.0588);
    --component-composer-recipient-fg: #f1f2f3;
    --component-composer-recipient-external-bg: #362106;
    --component-composer-recipient-external-border: #744703;
    --component-composer-recipient-external-fg: #ffbb6f;
    --component-composer-disclosure-bg: #362106;
    --component-composer-disclosure-border: #744703;
    --component-composer-disclosure-fg: #f1f2f3;
    --component-composer-proposal-bg: #182347;
    --component-composer-proposal-border: #344c99;
    --component-composer-proposal-rail: #4568e9;
    --component-composer-proposal-fg: #f1f2f3;
    --component-composer-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --component-composer-focus-ring: #688bf3;
    --component-calendar-bg: #121313;
    --component-calendar-gridline: #343536;
    --component-calendar-gridline-hour: #454547;
    --component-calendar-header-bg: #0b0b0c;
    --component-calendar-header-fg: #bababc;
    --component-calendar-time-fg: #9a9a9c;
    --component-calendar-weekend-bg: #0b0b0c;
    --component-calendar-outside-month-fg: #9a9a9c;
    --component-calendar-today-bg: #182347;
    --component-calendar-today-fg: #9db8ff;
    --component-calendar-today-marker: #3b5ce4;
    --component-calendar-today-marker-fg: #ffffff;
    --component-calendar-now-line: #d03736;
    --component-calendar-slot-hover: rgb(255 255 255 / 0.0588);
    --component-calendar-selected-bg: #182347;
    --component-calendar-selected-border: #4568e9;
    --component-calendar-focus-ring: #688bf3;
    --component-calendar-event-bg: #1b1b1c;
    --component-calendar-event-border: #454547;
    --component-calendar-event-fg: #f1f2f3;
    --component-calendar-event-fg-muted: #bababc;
    --component-calendar-event-tentative-hatch: #5d5d5f;
    --component-calendar-event-declined-fg: #9a9a9c;
    --component-calendar-event-selected-bg: #182347;
    --component-calendar-event-selected-border: #4568e9;
    --component-calendar-event-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-calendar-event-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
    --component-calendar-event-rail-1: #6194fb;
    --component-calendar-event-rail-2: #d68742;
    --component-calendar-event-rail-3: #72c8b8;
    --component-calendar-event-rail-4: #c283b3;
    --component-calendar-event-rail-5: #b3a48b;
    --component-calendar-event-rail-6: #a0b0e6;
    --component-calendar-event-rail-7: #f4b07a;
    --component-calendar-event-rail-8: #908d86;
    --component-contact-card-bg: #121313;
    --component-contact-card-border: #343536;
    --component-contact-card-name-fg: #f1f2f3;
    --component-contact-card-fg: #f1f2f3;
    --component-contact-card-fg-muted: #bababc;
    --component-contact-card-field-label: #9a9a9c;
    --component-contact-card-divider: #343536;
    --component-contact-card-avatar-bg: #182347;
    --component-contact-card-avatar-fg: #9db8ff;
    --component-contact-card-presence-available: #72cf8e;
    --component-contact-card-presence-busy: #fb988f;
    --component-contact-card-presence-away: #ffbb6f;
    --component-contact-card-presence-offline: #757677;
    --component-contact-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-contact-card-focus-ring: #688bf3;
    --component-grid-bg: #121313;
    --component-grid-fg: #f1f2f3;
    --component-grid-fg-muted: #bababc;
    --component-grid-gridline: #343536;
    --component-grid-header-bg: #0b0b0c;
    --component-grid-header-fg: #bababc;
    --component-grid-header-border: #454547;
    --component-grid-header-hover: rgb(255 255 255 / 0.0588);
    --component-grid-header-selected-bg: #1c2c5e;
    --component-grid-header-selected-fg: #9db8ff;
    --component-grid-header-selected-indicator: #4568e9;
    --component-grid-frozen-bg: #0b0b0c;
    --component-grid-frozen-divider: #757677;
    --component-grid-selection-bg: #182347;
    --component-grid-selection-fg: #f1f2f3;
    --component-grid-selection-border: #4568e9;
    --component-grid-focus-ring: #688bf3;
    --component-grid-focus-halo: rgb(104 139 243 / 0.302);
    --component-grid-fill-handle: #4568e9;
    --component-grid-fill-handle-border: #121313;
    --component-grid-copy-marquee: #4568e9;
    --component-grid-edit-bg: #1b1b1c;
    --component-grid-edit-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-grid-drop-target: #344c99;
    --component-grid-spill-border: #757677;
    --component-grid-error-fg: #fb988f;
    --component-grid-error-mark: #d03736;
    --component-grid-comment-mark: #ffbb6f;
    --component-grid-override-mark: #ffbb6f;
    --component-grid-hatch: #5d5d5f;
    --component-grid-table-header-bg: #060607;
    --component-grid-table-header-fg: #f1f2f3;
    --component-grid-table-band-bg: #0b0b0c;
    --component-grid-ref-1: #6194fb;
    --component-grid-ref-2: #d68742;
    --component-grid-ref-3: #72c8b8;
    --component-grid-ref-4: #c283b3;
    --component-grid-ref-5: #b3a48b;
    --component-grid-ref-6: #a0b0e6;
    --component-grid-ref-7: #f4b07a;
    --component-grid-ref-8: #908d86;
    --component-formula-bar-bg: #121313;
    --component-formula-bar-border: #343536;
    --component-formula-bar-divider: #454547;
    --component-formula-bar-name-box-bg: #0b0b0c;
    --component-formula-bar-name-box-fg: #f1f2f3;
    --component-formula-bar-name-box-border: #757677;
    --component-formula-bar-fx-fg: #9a9a9c;
    --component-formula-bar-input-fg: #f1f2f3;
    --component-formula-bar-placeholder: #9a9a9c;
    --component-formula-bar-focus-ring: #688bf3;
    --component-formula-bar-syntax-function: #9db8ff;
    --component-formula-bar-syntax-string: #72cf8e;
    --component-formula-bar-syntax-number: #f1f2f3;
    --component-formula-bar-syntax-operator: #bababc;
    --component-formula-bar-syntax-error: #fb988f;
    --component-formula-bar-hint-fg: #bababc;
    --component-formula-bar-hint-active-fg: #f1f2f3;
    --component-formula-bar-ref-1: #6194fb;
    --component-formula-bar-ref-2: #d68742;
    --component-formula-bar-ref-3: #72c8b8;
    --component-formula-bar-ref-4: #c283b3;
    --component-formula-bar-ref-5: #b3a48b;
    --component-formula-bar-ref-6: #a0b0e6;
    --component-formula-bar-ref-7: #f4b07a;
    --component-formula-bar-ref-8: #908d86;
    --component-sheet-tabs-bar-bg: #0b0b0c;
    --component-sheet-tabs-bar-border: #343536;
    --component-sheet-tabs-fg: #bababc;
    --component-sheet-tabs-hover-bg: rgb(255 255 255 / 0.0588);
    --component-sheet-tabs-fg-hover: #f1f2f3;
    --component-sheet-tabs-active-bg: #121313;
    --component-sheet-tabs-active-fg: #f1f2f3;
    --component-sheet-tabs-active-border: #454547;
    --component-sheet-tabs-indicator: #9db8ff;
    --component-sheet-tabs-focus-ring: #688bf3;
    --component-sheet-tabs-add-fg: #bababc;
    --component-sheet-tabs-rail-1: #6194fb;
    --component-sheet-tabs-rail-2: #d68742;
    --component-sheet-tabs-rail-3: #72c8b8;
    --component-sheet-tabs-rail-4: #c283b3;
    --component-sheet-tabs-rail-5: #b3a48b;
    --component-sheet-tabs-rail-6: #a0b0e6;
    --component-sheet-tabs-rail-7: #f4b07a;
    --component-sheet-tabs-rail-8: #908d86;
    --component-chart-bg: #121313;
    --component-chart-title-fg: #f1f2f3;
    --component-chart-subtitle-fg: #bababc;
    --component-chart-gridline: #343536;
    --component-chart-axis: #5d5d5f;
    --component-chart-label: #bababc;
    --component-chart-legend-fg: #bababc;
    --component-chart-target-line: #bababc;
    --component-chart-annotation-fg: #f1f2f3;
    --component-chart-selected-border: #4568e9;
    --component-chart-focus-ring: #688bf3;
    --component-chart-plot-hover: rgb(255 255 255 / 0.0588);
    --component-chart-editor-bg: #1b1b1c;
    --component-chart-editor-border: #343536;
    --component-chart-editor-section-fg: #bababc;
    --component-chart-editor-swatch-border: #454547;
    --component-chart-series-1: #6194fb;
    --component-chart-series-2: #d68742;
    --component-chart-series-3: #72c8b8;
    --component-chart-series-4: #c283b3;
    --component-chart-series-5: #b3a48b;
    --component-chart-series-6: #a0b0e6;
    --component-chart-series-7: #f4b07a;
    --component-chart-series-8: #908d86;
    --component-kpi-tile-bg: #121313;
    --component-kpi-tile-border: #343536;
    --component-kpi-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-kpi-tile-label-fg: #bababc;
    --component-kpi-tile-value-fg: #f1f2f3;
    --component-kpi-tile-meta-fg: #9a9a9c;
    --component-kpi-tile-delta-up-fg: #72cf8e;
    --component-kpi-tile-delta-down-fg: #fb988f;
    --component-kpi-tile-delta-flat-fg: #bababc;
    --component-kpi-tile-delta-up-bg: #132c1b;
    --component-kpi-tile-delta-down-bg: #411714;
    --component-kpi-tile-sparkline: #6194fb;
    --component-kpi-tile-target: #bababc;
    --component-kpi-tile-focus-ring: #688bf3;
    --component-dashboard-canvas-bg: #0b0b0c;
    --component-dashboard-canvas-grid: #343536;
    --component-dashboard-tile-bg: #121313;
    --component-dashboard-tile-border: #343536;
    --component-dashboard-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-dashboard-tile-hover-border: #757677;
    --component-dashboard-tile-selected-border: #4568e9;
    --component-dashboard-tile-focus-ring: #688bf3;
    --component-dashboard-tile-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
    --component-dashboard-title-fg: #f1f2f3;
    --component-dashboard-meta-fg: #9a9a9c;
    --component-dashboard-stale-fg: #ffbb6f;
    --component-dashboard-guide: #4568e9;
    --component-dashboard-handle-bg: #121313;
    --component-dashboard-handle-border: #4568e9;
    --component-dashboard-filter-bar-bg: #121313;
    --component-dashboard-filter-bar-border: #343536;
    --component-dashboard-empty-fg: #bababc;
    --component-dashboard-empty-border: #454547;
    --component-slicer-bg: #121313;
    --component-slicer-fg: #f1f2f3;
    --component-slicer-border: #757677;
    --component-slicer-hover-bg: rgb(255 255 255 / 0.0588);
    --component-slicer-selected-bg: #182347;
    --component-slicer-selected-fg: #9db8ff;
    --component-slicer-selected-border: #4568e9;
    --component-slicer-focus-ring: #688bf3;
    --component-slicer-label-fg: #bababc;
    --component-slicer-count-bg: #3b5ce4;
    --component-slicer-count-fg: #ffffff;
    --component-slicer-clear-fg: #bababc;
    --component-slicer-disabled-fg: #5d5d5f;
    --component-field-list-bg: #121313;
    --component-field-list-fg: #f1f2f3;
    --component-field-list-fg-muted: #bababc;
    --component-field-list-section-fg: #bababc;
    --component-field-list-icon-fg: #9a9a9c;
    --component-field-list-measure-fg: #9db8ff;
    --component-field-list-item-hover: rgb(255 255 255 / 0.0588);
    --component-field-list-item-selected-bg: #182347;
    --component-field-list-item-selected-rail: #4568e9;
    --component-field-list-focus-ring: #688bf3;
    --component-field-list-well-bg: #0b0b0c;
    --component-field-list-well-border: #757677;
    --component-field-list-drop-target: #4568e9;
    --component-field-list-well-item-bg: #1b1b1c;
    --component-field-list-well-item-border: #454547;
    --component-field-list-model-canvas-bg: #060607;
    --component-field-list-model-table-bg: #1b1b1c;
    --component-field-list-model-table-header-bg: #0b0b0c;
    --component-field-list-model-table-border: #454547;
    --component-field-list-model-table-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-field-list-relationship: #757677;
    --component-field-list-relationship-selected: #4568e9;
    --component-list-view-bg: #121313;
    --component-list-view-fg: #f1f2f3;
    --component-list-view-fg-muted: #bababc;
    --component-list-view-icon-fg: #bababc;
    --component-list-view-disabled-fg: #5d5d5f;
    --component-list-view-divider: #343536;
    --component-list-view-row-hover: rgb(255 255 255 / 0.0588);
    --component-list-view-selected-bg: #182347;
    --component-list-view-selected-fg: #f1f2f3;
    --component-list-view-selected-rail: #4568e9;
    --component-list-view-focus-ring: #688bf3;
    --component-list-view-focus-halo: rgb(104 139 243 / 0.302);
    --component-list-view-tree-guide: #343536;
    --component-list-view-twisty-fg: #bababc;
    --component-list-view-drop-target: #4568e9;
    --component-canvas-bg: #060607;
    --component-canvas-board-bg: #0b0b0c;
    --component-canvas-page-bg: #121313;
    --component-canvas-board-grid: #343536;
    --component-canvas-object-hover-border: #757677;
    --component-canvas-selected-border: #4568e9;
    --component-canvas-handle-bg: #121313;
    --component-canvas-handle-border: #4568e9;
    --component-canvas-marquee-bg: #182347;
    --component-canvas-marquee-border: #4568e9;
    --component-canvas-connector: #757677;
    --component-canvas-connector-selected: #4568e9;
    --component-canvas-guide: #4568e9;
    --component-canvas-focus-ring: #688bf3;
    --component-canvas-focus-halo: rgb(104 139 243 / 0.302);
    --v1-color-bg: #0b0b0c;
    --v1-color-surface: #121313;
    --v1-color-surface-2: #060607;
    --v1-color-surface-3: #222324;
    --v1-color-line: #343536;
    --v1-color-line-strong: #5d5d5f;
    --v1-color-control-border: #757677;
    --v1-color-ink: #f1f2f3;
    --v1-color-ink-2: #bababc;
    --v1-color-ink-3: #9a9a9c;
    --v1-color-ink-disabled: #5d5d5f;
    --v1-color-accent: #4568e9;
    --v1-color-accent-text: #9db8ff;
    --v1-color-accent-fill: #3b5ce4;
    --v1-color-accent-fill-hover: #4568e9;
    --v1-color-on-accent: #ffffff;
    --v1-color-accent-soft: #182347;
    --v1-color-focus: #688bf3;
    --v1-color-ok: #228147;
    --v1-color-ok-text: #72cf8e;
    --v1-color-ok-soft: #132c1b;
    --v1-color-warning: #fda42e;
    --v1-color-warning-text: #ffbb6f;
    --v1-color-warning-soft: #362106;
    --v1-color-danger: #d03736;
    --v1-color-danger-text: #fb988f;
    --v1-color-danger-soft: #411714;
    --v1-color-on-danger: #ffffff;
    --v1-color-info: #3b5ce4;
    --v1-color-info-text: #9db8ff;
    --v1-color-info-soft: #182347;
    --v1-color-scrim: rgb(0 0 0 / 0.6392);
    --v1-color-comment: #fda42e;
    --v1-grid-gridline: #343536;
    --v1-grid-header: #0b0b0c;
    --v1-grid-header-selected: #1c2c5e;
    --v1-grid-header-text: #bababc;
    --v1-grid-selection-fill: #182347;
    --v1-grid-selection-border: #4568e9;
    --v1-grid-frozen-divider: #5d5d5f;
    --v1-grid-override: #fda42e;
    --v1-grid-hatch: #5d5d5f;
    --v1-live-block-frame: #454547;
    --v1-live-block-caption: #0b0b0c;
    --v1-live-block-caption-text: #9a9a9c;
    --v1-live-block-live: #72cf8e;
    --v1-elevation-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --v1-elevation-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --v1-elevation-dark-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --v1-elevation-dark-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg-canvas: #0b0b0c;
  --color-bg-sunken: #060607;
  --color-bg-surface: #121313;
  --color-bg-raised: #1b1b1c;
  --color-bg-overlay: #222324;
  --color-bg-inverse: #f1f2f3;
  --color-bg-inverse-hover: #dadbdc;
  --color-bg-hover: #222324;
  --color-bg-active: #2a2b2c;
  --color-bg-selected: #182347;
  --color-fg-default: #f1f2f3;
  --color-fg-muted: #bababc;
  --color-fg-subtle: #9a9a9c;
  --color-fg-disabled: #5d5d5f;
  --color-fg-on-accent: #ffffff;
  --color-fg-inverse: #0b0b0c;
  --color-border-subtle: #343536;
  --color-border-default: #454547;
  --color-border-strong: #5d5d5f;
  --color-border-control: #757677;
  --color-accent-solid: #3b5ce4;
  --color-accent-solid-hover: #4568e9;
  --color-accent-fg: #9db8ff;
  --color-accent-bg: #182347;
  --color-accent-bg-hover: #1c2c5e;
  --color-accent-border: #344c99;
  --color-accent-indicator: #4568e9;
  --color-accent-pulse: rgb(104 139 243 / 0.349);
  --color-focus-ring: #688bf3;
  --color-focus-halo: rgb(104 139 243 / 0.302);
  --color-selection-bg: #182347;
  --color-selection-fg: #f1f2f3;
  --color-selection-border: #4568e9;
  --color-state-hover: rgb(255 255 255 / 0.0588);
  --color-state-active: rgb(255 255 255 / 0.102);
  --color-scrim: rgb(0 0 0 / 0.6392);
  --color-success-bg: #132c1b;
  --color-success-border: #29603b;
  --color-success-solid: #228147;
  --color-success-solid-hover: #357248;
  --color-success-fg: #72cf8e;
  --color-success-on-solid: #ffffff;
  --color-warning-bg: #362106;
  --color-warning-border: #744703;
  --color-warning-solid: #fda42e;
  --color-warning-solid-hover: #ffb663;
  --color-warning-fg: #ffbb6f;
  --color-warning-on-solid: #1c1300;
  --color-danger-bg: #411714;
  --color-danger-border: #8a302c;
  --color-danger-solid: #d03736;
  --color-danger-solid-hover: #a33d38;
  --color-danger-fg: #fb988f;
  --color-danger-on-solid: #ffffff;
  --color-info-bg: #182347;
  --color-info-border: #344c99;
  --color-info-solid: #3b5ce4;
  --color-info-solid-hover: #4568e9;
  --color-info-fg: #9db8ff;
  --color-info-on-solid: #ffffff;
  --color-category-red: #e98286;
  --color-category-orange: #e58a37;
  --color-category-peach: #cb9808;
  --color-category-yellow: #a9a409;
  --color-category-green: #31b803;
  --color-category-teal: #4db196;
  --color-category-olive: #91a780;
  --color-category-blue: #7aa0e8;
  --color-category-purple: #af8ff0;
  --color-category-maroon: #d38aad;
  --color-category-steel: #a59bb9;
  --color-category-dark-steel: #61708d;
  --color-category-gray: #c4c4c1;
  --color-category-dark-gray: #959593;
  --color-category-black: #70706e;
  --color-category-dark-red: #e00223;
  --color-category-dark-orange: #ba4f04;
  --color-category-dark-peach: #976606;
  --color-category-dark-yellow: #817d01;
  --color-category-dark-green: #158201;
  --color-category-dark-teal: #047f60;
  --color-category-dark-olive: #6f925a;
  --color-category-dark-blue: #176ae5;
  --color-category-dark-purple: #814cf0;
  --color-category-dark-maroon: #bd4082;
  --elevation-raised: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --elevation-overlay: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --elevation-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --elevation-lift: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
  --elevation-level-0-bg: #0b0b0c;
  --elevation-level-0-highlight: rgb(255 255 255 / 0);
  --elevation-level-1-bg: #121313;
  --elevation-level-1-highlight: rgb(255 255 255 / 0);
  --elevation-level-2-bg: #1b1b1c;
  --elevation-level-2-highlight: rgb(255 255 255 / 0.0392);
  --elevation-level-2-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --elevation-level-3-bg: #222324;
  --elevation-level-3-highlight: rgb(255 255 255 / 0.0588);
  --elevation-level-3-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --elevation-level-3-shadow-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --dataviz-categorical-1: #6194fb;
  --dataviz-categorical-2: #d68742;
  --dataviz-categorical-3: #72c8b8;
  --dataviz-categorical-4: #c283b3;
  --dataviz-categorical-5: #b3a48b;
  --dataviz-categorical-6: #a0b0e6;
  --dataviz-categorical-7: #f4b07a;
  --dataviz-categorical-8: #908d86;
  --dataviz-sequential-1: #142341;
  --dataviz-sequential-2: #1b3363;
  --dataviz-sequential-3: #26468a;
  --dataviz-sequential-4: #305bb4;
  --dataviz-sequential-5: #3f71da;
  --dataviz-sequential-6: #568af6;
  --dataviz-sequential-7: #82adff;
  --dataviz-sequential-8: #b9d2ff;
  --dataviz-diverging-1: #9cbeff;
  --dataviz-diverging-2: #5688ec;
  --dataviz-diverging-3: #2d4f94;
  --dataviz-diverging-4: #3a3a3a;
  --dataviz-diverging-5: #7b461e;
  --dataviz-diverging-6: #cf752d;
  --dataviz-diverging-7: #f4b082;
  --dataviz-gridline: #343536;
  --dataviz-axis: #5d5d5f;
  --dataviz-label: #bababc;
  --component-button-primary-bg: #f1f2f3;
  --component-button-primary-bg-hover: #dadbdc;
  --component-button-primary-fg: #0b0b0c;
  --component-button-secondary-bg: #121313;
  --component-button-secondary-bg-hover: rgb(255 255 255 / 0.0588);
  --component-button-secondary-border: #757677;
  --component-button-secondary-fg: #f1f2f3;
  --component-button-accent-bg: #3b5ce4;
  --component-button-accent-bg-hover: #4568e9;
  --component-button-accent-fg: #ffffff;
  --component-button-ghost-bg-hover: rgb(255 255 255 / 0.0588);
  --component-button-ghost-fg: #f1f2f3;
  --component-button-ghost-fg-muted: #bababc;
  --component-button-danger-bg: #d03736;
  --component-button-danger-bg-hover: #a33d38;
  --component-button-danger-fg: #ffffff;
  --component-button-danger-subtle-bg: #411714;
  --component-button-danger-subtle-bg-hover: rgb(255 255 255 / 0.0588);
  --component-button-danger-subtle-border: #8a302c;
  --component-button-danger-subtle-fg: #fb988f;
  --component-button-state-pressed-layer: rgb(255 255 255 / 0.102);
  --component-button-state-disabled-bg: rgb(255 255 255 / 0.0588);
  --component-button-state-disabled-fg: #5d5d5f;
  --component-button-state-focus-ring: #688bf3;
  --component-button-state-focus-halo: rgb(104 139 243 / 0.302);
  --component-button-state-selected-bg: #182347;
  --component-button-state-selected-fg: #9db8ff;
  --component-button-state-selected-border: #4568e9;
  --component-input-bg: #060607;
  --component-input-border: #757677;
  --component-input-border-hover: #9a9a9c;
  --component-input-border-focus: #688bf3;
  --component-input-fg: #f1f2f3;
  --component-input-placeholder: #9a9a9c;
  --component-input-label: #bababc;
  --component-input-help: #9a9a9c;
  --component-input-error: #fb988f;
  --component-input-error-border: #d03736;
  --component-input-disabled-bg: rgb(255 255 255 / 0.0588);
  --component-input-disabled-fg: #5d5d5f;
  --component-input-bg-hover: #121313;
  --component-input-focus-ring: #688bf3;
  --component-input-focus-halo: rgb(104 139 243 / 0.302);
  --component-input-selection-bg: #182347;
  --component-input-error-icon: #fb988f;
  --component-input-disabled-border: #343536;
  --component-select-bg: #060607;
  --component-select-border: #757677;
  --component-select-fg: #f1f2f3;
  --component-select-chevron: #bababc;
  --component-select-border-hover: #9a9a9c;
  --component-select-pressed-layer: rgb(255 255 255 / 0.102);
  --component-select-focus-ring: #688bf3;
  --component-select-focus-halo: rgb(104 139 243 / 0.302);
  --component-select-placeholder: #9a9a9c;
  --component-select-list-bg: #222324;
  --component-select-list-border: #454547;
  --component-select-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-select-option-fg: #f1f2f3;
  --component-select-option-hover: rgb(255 255 255 / 0.0588);
  --component-select-option-pressed: rgb(255 255 255 / 0.102);
  --component-select-option-selected-bg: #182347;
  --component-select-option-selected-fg: #f1f2f3;
  --component-select-option-check: #9db8ff;
  --component-select-disabled-bg: rgb(255 255 255 / 0.0588);
  --component-select-disabled-fg: #5d5d5f;
  --component-select-disabled-border: #343536;
  --component-select-error-border: #d03736;
  --component-select-error: #fb988f;
  --component-combobox-bg: #060607;
  --component-combobox-border: #757677;
  --component-combobox-fg: #f1f2f3;
  --component-combobox-list-bg: #222324;
  --component-combobox-option-hover: rgb(255 255 255 / 0.0588);
  --component-combobox-option-selected-bg: #182347;
  --component-combobox-match-bg: #182347;
  --component-combobox-match-fg: #f1f2f3;
  --component-combobox-border-hover: #9a9a9c;
  --component-combobox-focus-ring: #688bf3;
  --component-combobox-focus-halo: rgb(104 139 243 / 0.302);
  --component-combobox-placeholder: #9a9a9c;
  --component-combobox-list-border: #454547;
  --component-combobox-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-combobox-option-fg: #f1f2f3;
  --component-combobox-option-pressed: rgb(255 255 255 / 0.102);
  --component-combobox-option-selected-fg: #f1f2f3;
  --component-combobox-option-check: #9db8ff;
  --component-combobox-disabled-bg: rgb(255 255 255 / 0.0588);
  --component-combobox-disabled-fg: #5d5d5f;
  --component-combobox-disabled-border: #343536;
  --component-combobox-error-border: #d03736;
  --component-combobox-error: #fb988f;
  --component-control-border: #757677;
  --component-control-checked-bg: #4568e9;
  --component-control-checked-fg: #ffffff;
  --component-control-track: rgb(255 255 255 / 0.102);
  --component-control-thumb: #121313;
  --component-menu-bg: #222324;
  --component-menu-border: #343536;
  --component-menu-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-menu-fg: #f1f2f3;
  --component-menu-item-hover: rgb(255 255 255 / 0.0588);
  --component-menu-item-checked-bg: #182347;
  --component-menu-check: #9db8ff;
  --component-menu-shortcut: #9a9a9c;
  --component-menu-label: #9a9a9c;
  --component-menu-danger: #fb988f;
  --component-menu-separator: #343536;
  --component-menu-rail: #4568e9;
  --component-menu-item-pressed: rgb(255 255 255 / 0.102);
  --component-menu-focus-ring: #688bf3;
  --component-menu-focus-halo: rgb(104 139 243 / 0.302);
  --component-menu-disabled-fg: #5d5d5f;
  --component-popover-bg: #222324;
  --component-popover-border: #343536;
  --component-popover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-popover-fg: #f1f2f3;
  --component-popover-fg-muted: #bababc;
  --component-tooltip-bg: #222324;
  --component-tooltip-fg: #f1f2f3;
  --component-tooltip-border: #454547;
  --component-tooltip-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-card-bg: #121313;
  --component-card-border: #343536;
  --component-card-fg: #f1f2f3;
  --component-card-fg-muted: #bababc;
  --component-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-card-drag-bg: #1b1b1c;
  --component-card-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-card-selected-bg: #182347;
  --component-card-selected-border: #4568e9;
  --component-card-hover-border: #5d5d5f;
  --component-card-pressed-layer: rgb(255 255 255 / 0.102);
  --component-card-focus-ring: #688bf3;
  --component-card-focus-halo: rgb(104 139 243 / 0.302);
  --component-card-disabled-fg: #5d5d5f;
  --component-modal-bg: #222324;
  --component-modal-border: #343536;
  --component-modal-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --component-modal-scrim: rgb(0 0 0 / 0.6392);
  --component-modal-title: #f1f2f3;
  --component-modal-fg: #bababc;
  --component-modal-close-fg: #bababc;
  --component-modal-close-hover: rgb(255 255 255 / 0.0588);
  --component-modal-close-pressed: rgb(255 255 255 / 0.102);
  --component-modal-focus-ring: #688bf3;
  --component-modal-focus-halo: rgb(104 139 243 / 0.302);
  --component-modal-divider: #343536;
  --component-sheet-bg: #222324;
  --component-sheet-border: #343536;
  --component-sheet-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --component-sheet-scrim: rgb(0 0 0 / 0.6392);
  --component-sheet-title: #f1f2f3;
  --component-sheet-fg: #bababc;
  --component-sheet-handle: #5d5d5f;
  --component-sheet-close-fg: #bababc;
  --component-sheet-close-hover: rgb(255 255 255 / 0.0588);
  --component-sheet-close-pressed: rgb(255 255 255 / 0.102);
  --component-sheet-focus-ring: #688bf3;
  --component-sheet-focus-halo: rgb(104 139 243 / 0.302);
  --component-sheet-divider: #343536;
  --component-toast-bg: #222324;
  --component-toast-border: #454547;
  --component-toast-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-toast-title: #f1f2f3;
  --component-toast-fg: #bababc;
  --component-toast-drain: #4568e9;
  --component-toast-icon-success: #72cf8e;
  --component-toast-icon-warning: #ffbb6f;
  --component-toast-icon-danger: #fb988f;
  --component-toast-icon-info: #9db8ff;
  --component-toast-action-fg: #9db8ff;
  --component-toast-close-fg: #bababc;
  --component-toast-close-hover: rgb(255 255 255 / 0.0588);
  --component-toast-close-pressed: rgb(255 255 255 / 0.102);
  --component-toast-focus-ring: #688bf3;
  --component-toast-focus-halo: rgb(104 139 243 / 0.302);
  --component-tabs-fg: #bababc;
  --component-tabs-fg-hover: #f1f2f3;
  --component-tabs-selected-fg: #f1f2f3;
  --component-tabs-indicator: #9db8ff;
  --component-tabs-border: #343536;
  --component-tabs-hover-bg: rgb(255 255 255 / 0.0588);
  --component-tabs-pressed-layer: rgb(255 255 255 / 0.102);
  --component-tabs-focus-ring: #688bf3;
  --component-tabs-focus-halo: rgb(104 139 243 / 0.302);
  --component-tabs-disabled-fg: #5d5d5f;
  --component-tabs-panel-bg: #0b0b0c;
  --component-table-header-bg: #0b0b0c;
  --component-table-header-fg: #bababc;
  --component-table-row-bg: #121313;
  --component-table-zebra-bg: #0b0b0c;
  --component-table-fg: #f1f2f3;
  --component-table-gridline: #343536;
  --component-table-frozen-divider: #5d5d5f;
  --component-table-row-hover: rgb(255 255 255 / 0.0588);
  --component-table-selected-bg: #182347;
  --component-table-selected-fg: #f1f2f3;
  --component-table-selected-border: #4568e9;
  --component-table-focus-ring: #688bf3;
  --component-table-header-selected-bg: #1c2c5e;
  --component-table-header-selected-fg: #9db8ff;
  --component-table-override-mark: #fda42e;
  --component-table-hatch: #5d5d5f;
  --component-table-header-hover: rgb(255 255 255 / 0.0588);
  --component-table-row-pressed: rgb(255 255 255 / 0.102);
  --component-table-focus-halo: rgb(104 139 243 / 0.302);
  --component-table-disabled-fg: #5d5d5f;
  --component-table-invalid-mark: #fb988f;
  --component-table-invalid-fg: #fb988f;
  --component-chip-bg: rgb(255 255 255 / 0.0588);
  --component-chip-border: #343536;
  --component-chip-fg: #bababc;
  --component-chip-selected-bg: #182347;
  --component-chip-selected-border: #344c99;
  --component-chip-selected-fg: #9db8ff;
  --component-chip-hover-bg: rgb(255 255 255 / 0.0588);
  --component-chip-pressed-layer: rgb(255 255 255 / 0.102);
  --component-chip-focus-ring: #688bf3;
  --component-chip-focus-halo: rgb(104 139 243 / 0.302);
  --component-chip-remove-fg: #bababc;
  --component-chip-remove-hover: rgb(255 255 255 / 0.0588);
  --component-chip-disabled-fg: #5d5d5f;
  --component-chip-disabled-border: #343536;
  --component-chip-invalid-border: #fb988f;
  --component-chip-invalid-fg: #fb988f;
  --component-badge-bg: rgb(255 255 255 / 0.102);
  --component-badge-fg: #f1f2f3;
  --component-badge-success-bg: #132c1b;
  --component-badge-success-border: #29603b;
  --component-badge-success-fg: #72cf8e;
  --component-badge-success-solid-bg: #228147;
  --component-badge-success-solid-fg: #ffffff;
  --component-badge-warning-bg: #362106;
  --component-badge-warning-border: #744703;
  --component-badge-warning-fg: #ffbb6f;
  --component-badge-warning-solid-bg: #fda42e;
  --component-badge-warning-solid-fg: #1c1300;
  --component-badge-danger-bg: #411714;
  --component-badge-danger-border: #8a302c;
  --component-badge-danger-fg: #fb988f;
  --component-badge-danger-solid-bg: #d03736;
  --component-badge-danger-solid-fg: #ffffff;
  --component-badge-info-bg: #182347;
  --component-badge-info-border: #344c99;
  --component-badge-info-fg: #9db8ff;
  --component-badge-info-solid-bg: #3b5ce4;
  --component-badge-info-solid-fg: #ffffff;
  --component-link-fg: #9db8ff;
  --component-link-fg-hover: #9db8ff;
  --component-link-underline: #344c99;
  --component-live-block-frame: #454547;
  --component-live-block-caption-bg: #0b0b0c;
  --component-live-block-caption-fg: #9a9a9c;
  --component-live-block-live-dot: #72cf8e;
  --component-live-block-stale-dot: #4568e9;
  --component-live-block-pulse: rgb(104 139 243 / 0.349);
  --component-presence-self: #4568e9;
  --component-presence-label-bg: #f1f2f3;
  --component-presence-label-fg: #0b0b0c;
  --component-presence-cursor-1: #d68742;
  --component-presence-cursor-2: #72c8b8;
  --component-presence-cursor-3: #c283b3;
  --component-presence-cursor-4: #b3a48b;
  --component-presence-cursor-5: #a0b0e6;
  --component-presence-cursor-6: #f4b07a;
  --component-presence-cursor-7: #908d86;
  --component-comment-mark: #fda42e;
  --component-comment-bg: #362106;
  --component-comment-fg: #f1f2f3;
  --component-comment-thread-bg: #1b1b1c;
  --component-comment-thread-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-comment-resolved: #9a9a9c;
  --component-skeleton-bg: rgb(255 255 255 / 0.0588);
  --component-skeleton-highlight: rgb(255 255 255 / 0.102);
  --component-progress-track: rgb(255 255 255 / 0.102);
  --component-progress-fill: #4568e9;
  --component-progress-label-fg: #bababc;
  --component-progress-track-border: #757677;
  --component-progress-fill-success: #228147;
  --component-progress-fill-invalid: #d03736;
  --component-progress-disabled-fill: #5d5d5f;
  --component-checkbox-box-bg: #121313;
  --component-checkbox-box-border: #757677;
  --component-checkbox-box-border-hover: #9a9a9c;
  --component-checkbox-hover-layer: rgb(255 255 255 / 0.0588);
  --component-checkbox-pressed-layer: rgb(255 255 255 / 0.102);
  --component-checkbox-checked-bg: #4568e9;
  --component-checkbox-checked-bg-hover: #4568e9;
  --component-checkbox-checked-fg: #ffffff;
  --component-checkbox-focus-ring: #688bf3;
  --component-checkbox-focus-halo: rgb(104 139 243 / 0.302);
  --component-checkbox-label-fg: #f1f2f3;
  --component-checkbox-help-fg: #bababc;
  --component-checkbox-disabled-bg: rgb(255 255 255 / 0.0588);
  --component-checkbox-disabled-border: #343536;
  --component-checkbox-disabled-fg: #5d5d5f;
  --component-checkbox-invalid-border: #fb988f;
  --component-checkbox-invalid-fg: #fb988f;
  --component-radio-bg: #121313;
  --component-radio-border: #757677;
  --component-radio-border-hover: #9a9a9c;
  --component-radio-hover-layer: rgb(255 255 255 / 0.0588);
  --component-radio-pressed-layer: rgb(255 255 255 / 0.102);
  --component-radio-checked-border: #4568e9;
  --component-radio-dot: #4568e9;
  --component-radio-dot-hover: #4568e9;
  --component-radio-focus-ring: #688bf3;
  --component-radio-focus-halo: rgb(104 139 243 / 0.302);
  --component-radio-label-fg: #f1f2f3;
  --component-radio-help-fg: #bababc;
  --component-radio-disabled-bg: rgb(255 255 255 / 0.0588);
  --component-radio-disabled-border: #343536;
  --component-radio-disabled-fg: #5d5d5f;
  --component-radio-invalid-border: #fb988f;
  --component-radio-invalid-fg: #fb988f;
  --component-switch-track-off: #060607;
  --component-switch-track-off-border: #757677;
  --component-switch-thumb-off: #bababc;
  --component-switch-track-on: #4568e9;
  --component-switch-track-on-hover: #4568e9;
  --component-switch-thumb-on: #ffffff;
  --component-switch-hover-layer: rgb(255 255 255 / 0.0588);
  --component-switch-pressed-layer: rgb(255 255 255 / 0.102);
  --component-switch-focus-ring: #688bf3;
  --component-switch-focus-halo: rgb(104 139 243 / 0.302);
  --component-switch-label-fg: #f1f2f3;
  --component-switch-disabled-track: rgb(255 255 255 / 0.0588);
  --component-switch-disabled-border: #343536;
  --component-switch-disabled-thumb: #5d5d5f;
  --component-switch-disabled-fg: #5d5d5f;
  --component-switch-invalid-border: #fb988f;
  --component-slider-track: #757677;
  --component-slider-fill: #4568e9;
  --component-slider-thumb-bg: #121313;
  --component-slider-thumb-border: #4568e9;
  --component-slider-hover-layer: rgb(255 255 255 / 0.0588);
  --component-slider-pressed-layer: rgb(255 255 255 / 0.102);
  --component-slider-focus-ring: #688bf3;
  --component-slider-focus-halo: rgb(104 139 243 / 0.302);
  --component-slider-tick: #757677;
  --component-slider-value-fg: #f1f2f3;
  --component-slider-label-fg: #bababc;
  --component-slider-disabled-track: #343536;
  --component-slider-disabled-fill: #5d5d5f;
  --component-slider-disabled-thumb: #5d5d5f;
  --component-slider-invalid-fill: #d03736;
  --component-date-field-bg: #121313;
  --component-date-field-border: #757677;
  --component-date-field-border-hover: #9a9a9c;
  --component-date-field-border-focus: #688bf3;
  --component-date-field-fg: #f1f2f3;
  --component-date-field-placeholder: #9a9a9c;
  --component-date-field-icon: #bababc;
  --component-date-field-segment-focus-bg: #182347;
  --component-date-field-segment-focus-fg: #9db8ff;
  --component-date-field-focus-ring: #688bf3;
  --component-date-field-focus-halo: rgb(104 139 243 / 0.302);
  --component-date-field-popup-bg: #222324;
  --component-date-field-popup-border: #454547;
  --component-date-field-popup-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-date-field-weekday-fg: #bababc;
  --component-date-field-day-fg: #f1f2f3;
  --component-date-field-day-hover: rgb(255 255 255 / 0.0588);
  --component-date-field-day-pressed: rgb(255 255 255 / 0.102);
  --component-date-field-day-outside-fg: #9a9a9c;
  --component-date-field-day-today-border: #4568e9;
  --component-date-field-day-selected-bg: #3b5ce4;
  --component-date-field-day-selected-fg: #ffffff;
  --component-date-field-day-range-bg: #182347;
  --component-date-field-day-disabled-fg: #5d5d5f;
  --component-date-field-disabled-bg: rgb(255 255 255 / 0.0588);
  --component-date-field-disabled-fg: #5d5d5f;
  --component-date-field-disabled-border: #343536;
  --component-date-field-error-border: #d03736;
  --component-date-field-error: #fb988f;
  --component-segmented-bg: #060607;
  --component-segmented-border: #343536;
  --component-segmented-fg: #bababc;
  --component-segmented-fg-hover: #f1f2f3;
  --component-segmented-hover-bg: rgb(255 255 255 / 0.0588);
  --component-segmented-pressed-layer: rgb(255 255 255 / 0.102);
  --component-segmented-selected-bg: #121313;
  --component-segmented-selected-fg: #f1f2f3;
  --component-segmented-selected-border: #757677;
  --component-segmented-selected-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-segmented-focus-ring: #688bf3;
  --component-segmented-focus-halo: rgb(104 139 243 / 0.302);
  --component-segmented-divider: #454547;
  --component-segmented-disabled-fg: #5d5d5f;
  --component-breadcrumbs-fg: #bababc;
  --component-breadcrumbs-fg-hover: #f1f2f3;
  --component-breadcrumbs-hover-bg: rgb(255 255 255 / 0.0588);
  --component-breadcrumbs-pressed-layer: rgb(255 255 255 / 0.102);
  --component-breadcrumbs-current-fg: #f1f2f3;
  --component-breadcrumbs-separator: #9a9a9c;
  --component-breadcrumbs-focus-ring: #688bf3;
  --component-breadcrumbs-focus-halo: rgb(104 139 243 / 0.302);
  --component-breadcrumbs-disabled-fg: #5d5d5f;
  --component-breadcrumbs-overflow-fg: #bababc;
  --component-pagination-fg: #bababc;
  --component-pagination-fg-hover: #f1f2f3;
  --component-pagination-hover-bg: rgb(255 255 255 / 0.0588);
  --component-pagination-pressed-layer: rgb(255 255 255 / 0.102);
  --component-pagination-border: #343536;
  --component-pagination-selected-bg: #182347;
  --component-pagination-selected-fg: #9db8ff;
  --component-pagination-selected-border: #4568e9;
  --component-pagination-focus-ring: #688bf3;
  --component-pagination-focus-halo: rgb(104 139 243 / 0.302);
  --component-pagination-ellipsis-fg: #9a9a9c;
  --component-pagination-label-fg: #bababc;
  --component-pagination-disabled-fg: #5d5d5f;
  --component-spinner-track: #343536;
  --component-spinner-arc: #4568e9;
  --component-spinner-arc-on-accent: #ffffff;
  --component-spinner-arc-on-inverse: #0b0b0c;
  --component-spinner-arc-muted: #bababc;
  --component-spinner-label-fg: #bababc;
  --component-avatar-bg: #222324;
  --component-avatar-fg: #f1f2f3;
  --component-avatar-ring: #121313;
  --component-avatar-hover-ring: #9a9a9c;
  --component-avatar-selected-ring: #4568e9;
  --component-avatar-focus-ring: #688bf3;
  --component-avatar-focus-halo: rgb(104 139 243 / 0.302);
  --component-avatar-presence-available: #72cf8e;
  --component-avatar-presence-busy: #fb988f;
  --component-avatar-presence-away: #ffbb6f;
  --component-avatar-presence-offline: #757677;
  --component-avatar-presence-ring: #121313;
  --component-avatar-overflow-bg: #060607;
  --component-avatar-overflow-fg: #bababc;
  --component-avatar-disabled-fg: #5d5d5f;
  --component-empty-state-bg: #0b0b0c;
  --component-empty-state-icon: #9a9a9c;
  --component-empty-state-title-fg: #f1f2f3;
  --component-empty-state-fg: #bababc;
  --component-empty-state-border: #757677;
  --component-empty-state-drop-hover-bg: #182347;
  --component-empty-state-drop-hover-border: #4568e9;
  --component-empty-state-drop-hover-fg: #f1f2f3;
  --component-empty-state-focus-ring: #688bf3;
  --component-empty-state-focus-halo: rgb(104 139 243 / 0.302);
  --component-empty-state-disabled-fg: #5d5d5f;
  --component-empty-state-invalid-border: #fb988f;
  --component-empty-state-invalid-fg: #fb988f;
  --component-banner-bg: #121313;
  --component-banner-border: #454547;
  --component-banner-fg: #f1f2f3;
  --component-banner-fg-muted: #bababc;
  --component-banner-icon: #bababc;
  --component-banner-info-bg: #182347;
  --component-banner-info-border: #344c99;
  --component-banner-info-icon: #9db8ff;
  --component-banner-info-title: #9db8ff;
  --component-banner-info-fg: #f1f2f3;
  --component-banner-success-bg: #132c1b;
  --component-banner-success-border: #29603b;
  --component-banner-success-icon: #72cf8e;
  --component-banner-success-title: #72cf8e;
  --component-banner-success-fg: #f1f2f3;
  --component-banner-warning-bg: #362106;
  --component-banner-warning-border: #744703;
  --component-banner-warning-icon: #ffbb6f;
  --component-banner-warning-title: #ffbb6f;
  --component-banner-warning-fg: #f1f2f3;
  --component-banner-danger-bg: #411714;
  --component-banner-danger-border: #8a302c;
  --component-banner-danger-icon: #fb988f;
  --component-banner-danger-title: #fb988f;
  --component-banner-danger-fg: #f1f2f3;
  --component-banner-action-fg: #9db8ff;
  --component-banner-close-fg: #bababc;
  --component-banner-close-hover: rgb(255 255 255 / 0.0588);
  --component-banner-close-pressed: rgb(255 255 255 / 0.102);
  --component-banner-focus-ring: #688bf3;
  --component-banner-focus-halo: rgb(104 139 243 / 0.302);
  --component-inbox-list-bg: #121313;
  --component-inbox-list-row-hover: rgb(255 255 255 / 0.0588);
  --component-inbox-list-row-active: rgb(255 255 255 / 0.102);
  --component-inbox-list-divider: #343536;
  --component-inbox-list-fg: #f1f2f3;
  --component-inbox-list-fg-muted: #bababc;
  --component-inbox-list-meta: #9a9a9c;
  --component-inbox-list-unread-fg: #f1f2f3;
  --component-inbox-list-unread-dot: #4568e9;
  --component-inbox-list-thread-count-bg: rgb(255 255 255 / 0.0588);
  --component-inbox-list-thread-count-fg: #bababc;
  --component-inbox-list-thread-line: #454547;
  --component-inbox-list-flag: #fb988f;
  --component-inbox-list-pinned: #9db8ff;
  --component-inbox-list-selected-bg: #182347;
  --component-inbox-list-selected-fg: #f1f2f3;
  --component-inbox-list-selected-rail: #4568e9;
  --component-inbox-list-focus-ring: #688bf3;
  --component-inbox-list-group-header-bg: #0b0b0c;
  --component-inbox-list-group-header-fg: #bababc;
  --component-reader-bg: #121313;
  --component-reader-fg: #f1f2f3;
  --component-reader-subject-fg: #f1f2f3;
  --component-reader-meta: #bababc;
  --component-reader-divider: #343536;
  --component-reader-collapsed-bg: #0b0b0c;
  --component-reader-collapsed-fg: #bababc;
  --component-reader-quote-bar: #5d5d5f;
  --component-reader-quote-fg: #bababc;
  --component-reader-attachment-bg: #0b0b0c;
  --component-reader-attachment-border: #454547;
  --component-reader-attachment-fg: #f1f2f3;
  --component-reader-banner-external-bg: #362106;
  --component-reader-banner-external-border: #744703;
  --component-reader-banner-external-fg: #f1f2f3;
  --component-reader-banner-remote-bg: #182347;
  --component-reader-banner-remote-border: #344c99;
  --component-reader-banner-remote-fg: #f1f2f3;
  --component-reader-focus-ring: #688bf3;
  --component-composer-bg: #121313;
  --component-composer-fg: #f1f2f3;
  --component-composer-placeholder: #9a9a9c;
  --component-composer-field-label: #bababc;
  --component-composer-field-divider: #343536;
  --component-composer-toolbar-bg: #0b0b0c;
  --component-composer-toolbar-fg: #bababc;
  --component-composer-recipient-bg: rgb(255 255 255 / 0.0588);
  --component-composer-recipient-fg: #f1f2f3;
  --component-composer-recipient-external-bg: #362106;
  --component-composer-recipient-external-border: #744703;
  --component-composer-recipient-external-fg: #ffbb6f;
  --component-composer-disclosure-bg: #362106;
  --component-composer-disclosure-border: #744703;
  --component-composer-disclosure-fg: #f1f2f3;
  --component-composer-proposal-bg: #182347;
  --component-composer-proposal-border: #344c99;
  --component-composer-proposal-rail: #4568e9;
  --component-composer-proposal-fg: #f1f2f3;
  --component-composer-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --component-composer-focus-ring: #688bf3;
  --component-calendar-bg: #121313;
  --component-calendar-gridline: #343536;
  --component-calendar-gridline-hour: #454547;
  --component-calendar-header-bg: #0b0b0c;
  --component-calendar-header-fg: #bababc;
  --component-calendar-time-fg: #9a9a9c;
  --component-calendar-weekend-bg: #0b0b0c;
  --component-calendar-outside-month-fg: #9a9a9c;
  --component-calendar-today-bg: #182347;
  --component-calendar-today-fg: #9db8ff;
  --component-calendar-today-marker: #3b5ce4;
  --component-calendar-today-marker-fg: #ffffff;
  --component-calendar-now-line: #d03736;
  --component-calendar-slot-hover: rgb(255 255 255 / 0.0588);
  --component-calendar-selected-bg: #182347;
  --component-calendar-selected-border: #4568e9;
  --component-calendar-focus-ring: #688bf3;
  --component-calendar-event-bg: #1b1b1c;
  --component-calendar-event-border: #454547;
  --component-calendar-event-fg: #f1f2f3;
  --component-calendar-event-fg-muted: #bababc;
  --component-calendar-event-tentative-hatch: #5d5d5f;
  --component-calendar-event-declined-fg: #9a9a9c;
  --component-calendar-event-selected-bg: #182347;
  --component-calendar-event-selected-border: #4568e9;
  --component-calendar-event-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-calendar-event-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
  --component-calendar-event-rail-1: #6194fb;
  --component-calendar-event-rail-2: #d68742;
  --component-calendar-event-rail-3: #72c8b8;
  --component-calendar-event-rail-4: #c283b3;
  --component-calendar-event-rail-5: #b3a48b;
  --component-calendar-event-rail-6: #a0b0e6;
  --component-calendar-event-rail-7: #f4b07a;
  --component-calendar-event-rail-8: #908d86;
  --component-contact-card-bg: #121313;
  --component-contact-card-border: #343536;
  --component-contact-card-name-fg: #f1f2f3;
  --component-contact-card-fg: #f1f2f3;
  --component-contact-card-fg-muted: #bababc;
  --component-contact-card-field-label: #9a9a9c;
  --component-contact-card-divider: #343536;
  --component-contact-card-avatar-bg: #182347;
  --component-contact-card-avatar-fg: #9db8ff;
  --component-contact-card-presence-available: #72cf8e;
  --component-contact-card-presence-busy: #fb988f;
  --component-contact-card-presence-away: #ffbb6f;
  --component-contact-card-presence-offline: #757677;
  --component-contact-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-contact-card-focus-ring: #688bf3;
  --component-grid-bg: #121313;
  --component-grid-fg: #f1f2f3;
  --component-grid-fg-muted: #bababc;
  --component-grid-gridline: #343536;
  --component-grid-header-bg: #0b0b0c;
  --component-grid-header-fg: #bababc;
  --component-grid-header-border: #454547;
  --component-grid-header-hover: rgb(255 255 255 / 0.0588);
  --component-grid-header-selected-bg: #1c2c5e;
  --component-grid-header-selected-fg: #9db8ff;
  --component-grid-header-selected-indicator: #4568e9;
  --component-grid-frozen-bg: #0b0b0c;
  --component-grid-frozen-divider: #757677;
  --component-grid-selection-bg: #182347;
  --component-grid-selection-fg: #f1f2f3;
  --component-grid-selection-border: #4568e9;
  --component-grid-focus-ring: #688bf3;
  --component-grid-focus-halo: rgb(104 139 243 / 0.302);
  --component-grid-fill-handle: #4568e9;
  --component-grid-fill-handle-border: #121313;
  --component-grid-copy-marquee: #4568e9;
  --component-grid-edit-bg: #1b1b1c;
  --component-grid-edit-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-grid-drop-target: #344c99;
  --component-grid-spill-border: #757677;
  --component-grid-error-fg: #fb988f;
  --component-grid-error-mark: #d03736;
  --component-grid-comment-mark: #ffbb6f;
  --component-grid-override-mark: #ffbb6f;
  --component-grid-hatch: #5d5d5f;
  --component-grid-table-header-bg: #060607;
  --component-grid-table-header-fg: #f1f2f3;
  --component-grid-table-band-bg: #0b0b0c;
  --component-grid-ref-1: #6194fb;
  --component-grid-ref-2: #d68742;
  --component-grid-ref-3: #72c8b8;
  --component-grid-ref-4: #c283b3;
  --component-grid-ref-5: #b3a48b;
  --component-grid-ref-6: #a0b0e6;
  --component-grid-ref-7: #f4b07a;
  --component-grid-ref-8: #908d86;
  --component-formula-bar-bg: #121313;
  --component-formula-bar-border: #343536;
  --component-formula-bar-divider: #454547;
  --component-formula-bar-name-box-bg: #0b0b0c;
  --component-formula-bar-name-box-fg: #f1f2f3;
  --component-formula-bar-name-box-border: #757677;
  --component-formula-bar-fx-fg: #9a9a9c;
  --component-formula-bar-input-fg: #f1f2f3;
  --component-formula-bar-placeholder: #9a9a9c;
  --component-formula-bar-focus-ring: #688bf3;
  --component-formula-bar-syntax-function: #9db8ff;
  --component-formula-bar-syntax-string: #72cf8e;
  --component-formula-bar-syntax-number: #f1f2f3;
  --component-formula-bar-syntax-operator: #bababc;
  --component-formula-bar-syntax-error: #fb988f;
  --component-formula-bar-hint-fg: #bababc;
  --component-formula-bar-hint-active-fg: #f1f2f3;
  --component-formula-bar-ref-1: #6194fb;
  --component-formula-bar-ref-2: #d68742;
  --component-formula-bar-ref-3: #72c8b8;
  --component-formula-bar-ref-4: #c283b3;
  --component-formula-bar-ref-5: #b3a48b;
  --component-formula-bar-ref-6: #a0b0e6;
  --component-formula-bar-ref-7: #f4b07a;
  --component-formula-bar-ref-8: #908d86;
  --component-sheet-tabs-bar-bg: #0b0b0c;
  --component-sheet-tabs-bar-border: #343536;
  --component-sheet-tabs-fg: #bababc;
  --component-sheet-tabs-hover-bg: rgb(255 255 255 / 0.0588);
  --component-sheet-tabs-fg-hover: #f1f2f3;
  --component-sheet-tabs-active-bg: #121313;
  --component-sheet-tabs-active-fg: #f1f2f3;
  --component-sheet-tabs-active-border: #454547;
  --component-sheet-tabs-indicator: #9db8ff;
  --component-sheet-tabs-focus-ring: #688bf3;
  --component-sheet-tabs-add-fg: #bababc;
  --component-sheet-tabs-rail-1: #6194fb;
  --component-sheet-tabs-rail-2: #d68742;
  --component-sheet-tabs-rail-3: #72c8b8;
  --component-sheet-tabs-rail-4: #c283b3;
  --component-sheet-tabs-rail-5: #b3a48b;
  --component-sheet-tabs-rail-6: #a0b0e6;
  --component-sheet-tabs-rail-7: #f4b07a;
  --component-sheet-tabs-rail-8: #908d86;
  --component-chart-bg: #121313;
  --component-chart-title-fg: #f1f2f3;
  --component-chart-subtitle-fg: #bababc;
  --component-chart-gridline: #343536;
  --component-chart-axis: #5d5d5f;
  --component-chart-label: #bababc;
  --component-chart-legend-fg: #bababc;
  --component-chart-target-line: #bababc;
  --component-chart-annotation-fg: #f1f2f3;
  --component-chart-selected-border: #4568e9;
  --component-chart-focus-ring: #688bf3;
  --component-chart-plot-hover: rgb(255 255 255 / 0.0588);
  --component-chart-editor-bg: #1b1b1c;
  --component-chart-editor-border: #343536;
  --component-chart-editor-section-fg: #bababc;
  --component-chart-editor-swatch-border: #454547;
  --component-chart-series-1: #6194fb;
  --component-chart-series-2: #d68742;
  --component-chart-series-3: #72c8b8;
  --component-chart-series-4: #c283b3;
  --component-chart-series-5: #b3a48b;
  --component-chart-series-6: #a0b0e6;
  --component-chart-series-7: #f4b07a;
  --component-chart-series-8: #908d86;
  --component-kpi-tile-bg: #121313;
  --component-kpi-tile-border: #343536;
  --component-kpi-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-kpi-tile-label-fg: #bababc;
  --component-kpi-tile-value-fg: #f1f2f3;
  --component-kpi-tile-meta-fg: #9a9a9c;
  --component-kpi-tile-delta-up-fg: #72cf8e;
  --component-kpi-tile-delta-down-fg: #fb988f;
  --component-kpi-tile-delta-flat-fg: #bababc;
  --component-kpi-tile-delta-up-bg: #132c1b;
  --component-kpi-tile-delta-down-bg: #411714;
  --component-kpi-tile-sparkline: #6194fb;
  --component-kpi-tile-target: #bababc;
  --component-kpi-tile-focus-ring: #688bf3;
  --component-dashboard-canvas-bg: #0b0b0c;
  --component-dashboard-canvas-grid: #343536;
  --component-dashboard-tile-bg: #121313;
  --component-dashboard-tile-border: #343536;
  --component-dashboard-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-dashboard-tile-hover-border: #757677;
  --component-dashboard-tile-selected-border: #4568e9;
  --component-dashboard-tile-focus-ring: #688bf3;
  --component-dashboard-tile-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
  --component-dashboard-title-fg: #f1f2f3;
  --component-dashboard-meta-fg: #9a9a9c;
  --component-dashboard-stale-fg: #ffbb6f;
  --component-dashboard-guide: #4568e9;
  --component-dashboard-handle-bg: #121313;
  --component-dashboard-handle-border: #4568e9;
  --component-dashboard-filter-bar-bg: #121313;
  --component-dashboard-filter-bar-border: #343536;
  --component-dashboard-empty-fg: #bababc;
  --component-dashboard-empty-border: #454547;
  --component-slicer-bg: #121313;
  --component-slicer-fg: #f1f2f3;
  --component-slicer-border: #757677;
  --component-slicer-hover-bg: rgb(255 255 255 / 0.0588);
  --component-slicer-selected-bg: #182347;
  --component-slicer-selected-fg: #9db8ff;
  --component-slicer-selected-border: #4568e9;
  --component-slicer-focus-ring: #688bf3;
  --component-slicer-label-fg: #bababc;
  --component-slicer-count-bg: #3b5ce4;
  --component-slicer-count-fg: #ffffff;
  --component-slicer-clear-fg: #bababc;
  --component-slicer-disabled-fg: #5d5d5f;
  --component-field-list-bg: #121313;
  --component-field-list-fg: #f1f2f3;
  --component-field-list-fg-muted: #bababc;
  --component-field-list-section-fg: #bababc;
  --component-field-list-icon-fg: #9a9a9c;
  --component-field-list-measure-fg: #9db8ff;
  --component-field-list-item-hover: rgb(255 255 255 / 0.0588);
  --component-field-list-item-selected-bg: #182347;
  --component-field-list-item-selected-rail: #4568e9;
  --component-field-list-focus-ring: #688bf3;
  --component-field-list-well-bg: #0b0b0c;
  --component-field-list-well-border: #757677;
  --component-field-list-drop-target: #4568e9;
  --component-field-list-well-item-bg: #1b1b1c;
  --component-field-list-well-item-border: #454547;
  --component-field-list-model-canvas-bg: #060607;
  --component-field-list-model-table-bg: #1b1b1c;
  --component-field-list-model-table-header-bg: #0b0b0c;
  --component-field-list-model-table-border: #454547;
  --component-field-list-model-table-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-field-list-relationship: #757677;
  --component-field-list-relationship-selected: #4568e9;
  --component-list-view-bg: #121313;
  --component-list-view-fg: #f1f2f3;
  --component-list-view-fg-muted: #bababc;
  --component-list-view-icon-fg: #bababc;
  --component-list-view-disabled-fg: #5d5d5f;
  --component-list-view-divider: #343536;
  --component-list-view-row-hover: rgb(255 255 255 / 0.0588);
  --component-list-view-selected-bg: #182347;
  --component-list-view-selected-fg: #f1f2f3;
  --component-list-view-selected-rail: #4568e9;
  --component-list-view-focus-ring: #688bf3;
  --component-list-view-focus-halo: rgb(104 139 243 / 0.302);
  --component-list-view-tree-guide: #343536;
  --component-list-view-twisty-fg: #bababc;
  --component-list-view-drop-target: #4568e9;
  --component-canvas-bg: #060607;
  --component-canvas-board-bg: #0b0b0c;
  --component-canvas-page-bg: #121313;
  --component-canvas-board-grid: #343536;
  --component-canvas-object-hover-border: #757677;
  --component-canvas-selected-border: #4568e9;
  --component-canvas-handle-bg: #121313;
  --component-canvas-handle-border: #4568e9;
  --component-canvas-marquee-bg: #182347;
  --component-canvas-marquee-border: #4568e9;
  --component-canvas-connector: #757677;
  --component-canvas-connector-selected: #4568e9;
  --component-canvas-guide: #4568e9;
  --component-canvas-focus-ring: #688bf3;
  --component-canvas-focus-halo: rgb(104 139 243 / 0.302);
  --v1-color-bg: #0b0b0c;
  --v1-color-surface: #121313;
  --v1-color-surface-2: #060607;
  --v1-color-surface-3: #222324;
  --v1-color-line: #343536;
  --v1-color-line-strong: #5d5d5f;
  --v1-color-control-border: #757677;
  --v1-color-ink: #f1f2f3;
  --v1-color-ink-2: #bababc;
  --v1-color-ink-3: #9a9a9c;
  --v1-color-ink-disabled: #5d5d5f;
  --v1-color-accent: #4568e9;
  --v1-color-accent-text: #9db8ff;
  --v1-color-accent-fill: #3b5ce4;
  --v1-color-accent-fill-hover: #4568e9;
  --v1-color-on-accent: #ffffff;
  --v1-color-accent-soft: #182347;
  --v1-color-focus: #688bf3;
  --v1-color-ok: #228147;
  --v1-color-ok-text: #72cf8e;
  --v1-color-ok-soft: #132c1b;
  --v1-color-warning: #fda42e;
  --v1-color-warning-text: #ffbb6f;
  --v1-color-warning-soft: #362106;
  --v1-color-danger: #d03736;
  --v1-color-danger-text: #fb988f;
  --v1-color-danger-soft: #411714;
  --v1-color-on-danger: #ffffff;
  --v1-color-info: #3b5ce4;
  --v1-color-info-text: #9db8ff;
  --v1-color-info-soft: #182347;
  --v1-color-scrim: rgb(0 0 0 / 0.6392);
  --v1-color-comment: #fda42e;
  --v1-grid-gridline: #343536;
  --v1-grid-header: #0b0b0c;
  --v1-grid-header-selected: #1c2c5e;
  --v1-grid-header-text: #bababc;
  --v1-grid-selection-fill: #182347;
  --v1-grid-selection-border: #4568e9;
  --v1-grid-frozen-divider: #5d5d5f;
  --v1-grid-override: #fda42e;
  --v1-grid-hatch: #5d5d5f;
  --v1-live-block-frame: #454547;
  --v1-live-block-caption: #0b0b0c;
  --v1-live-block-caption-text: #9a9a9c;
  --v1-live-block-live: #72cf8e;
  --v1-elevation-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --v1-elevation-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --v1-elevation-dark-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --v1-elevation-dark-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
}

/* High contrast: prefers-contrast: more on top of the light or dark choice. */
@media (prefers-contrast: more) {
  :root:not([data-theme]),
  :root[data-theme="light"] {
    --color-bg-canvas: #ffffff;
    --color-bg-sunken: #fafafb;
    --color-bg-surface: #ffffff;
    --color-bg-raised: #ffffff;
    --color-bg-overlay: #ffffff;
    --color-bg-inverse: #0e0e0f;
    --color-bg-inverse-hover: #202021;
    --color-bg-hover: #fafafb;
    --color-bg-active: #f1f2f3;
    --color-bg-selected: #f5f8ff;
    --color-fg-default: #0e0e0f;
    --color-fg-muted: #525254;
    --color-fg-subtle: #525254;
    --color-fg-disabled: #858688;
    --color-fg-on-accent: #ffffff;
    --color-fg-inverse: #ffffff;
    --color-border-subtle: #78797a;
    --color-border-default: #78797a;
    --color-border-strong: #525254;
    --color-border-control: #525254;
    --color-accent-solid: #2c47c7;
    --color-accent-solid-hover: #12215e;
    --color-accent-fg: #12215e;
    --color-accent-bg: #eaf0ff;
    --color-accent-bg-hover: #dee8ff;
    --color-accent-border: #2c47c7;
    --color-accent-indicator: #2c47c7;
    --color-accent-pulse: rgb(47 75 227 / 0.349);
    --color-focus-ring: #12215e;
    --color-focus-halo: rgb(47 75 227 / 0.251);
    --color-selection-bg: #f5f8ff;
    --color-selection-fg: #0e0e0f;
    --color-selection-border: #2c47c7;
    --color-state-hover: rgb(10 10 10 / 0.0314);
    --color-state-active: rgb(10 10 10 / 0.0392);
    --color-scrim: rgb(10 10 10 / 0.4);
    --color-success-bg: #e9f4ec;
    --color-success-border: #1f6f3d;
    --color-success-solid: #0f341c;
    --color-success-solid-hover: #0f341c;
    --color-success-fg: #0f341c;
    --color-success-on-solid: #ffffff;
    --color-warning-bg: #f8efe5;
    --color-warning-border: #8b5500;
    --color-warning-solid: #412706;
    --color-warning-solid-hover: #412706;
    --color-warning-fg: #412706;
    --color-warning-on-solid: #ffffff;
    --color-danger-bg: #ffebe9;
    --color-danger-border: #b32325;
    --color-danger-solid: #521614;
    --color-danger-solid-hover: #521614;
    --color-danger-fg: #521614;
    --color-danger-on-solid: #ffffff;
    --color-info-bg: #eaf0ff;
    --color-info-border: #2c47c7;
    --color-info-solid: #2c47c7;
    --color-info-solid-hover: #12215e;
    --color-info-fg: #12215e;
    --color-info-on-solid: #ffffff;
    --color-category-red: #b45359;
    --color-category-orange: #ab5d04;
    --color-category-peach: #916b05;
    --color-category-yellow: #787402;
    --color-category-green: #208301;
    --color-category-teal: #068068;
    --color-category-olive: #647753;
    --color-category-blue: #4e70b5;
    --color-category-purple: #815fbc;
    --color-category-maroon: #a05c7e;
    --color-category-steel: #776c89;
    --color-category-dark-steel: #3c4a66;
    --color-category-gray: #727170;
    --color-category-dark-gray: #4e4d4c;
    --color-category-black: #292827;
    --color-category-dark-red: #990015;
    --color-category-dark-orange: #7e3301;
    --color-category-dark-peach: #654303;
    --color-category-dark-yellow: #454302;
    --color-category-dark-green: #0c5601;
    --color-category-dark-teal: #01543f;
    --color-category-dark-olive: #1d3b03;
    --color-category-dark-blue: #0144a3;
    --color-category-dark-purple: #5f14c2;
    --color-category-dark-maroon: #8f095b;
    --elevation-raised: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --elevation-overlay: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --elevation-modal: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
    --elevation-lift: 0px 4px 14px 0px rgb(10 10 10 / 0.1216);
    --elevation-level-0-bg: #ffffff;
    --elevation-level-0-highlight: rgb(255 255 255 / 0);
    --elevation-level-1-bg: #ffffff;
    --elevation-level-1-highlight: rgb(255 255 255 / 0);
    --elevation-level-2-bg: #ffffff;
    --elevation-level-2-highlight: rgb(255 255 255 / 0);
    --elevation-level-2-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --elevation-level-3-bg: #ffffff;
    --elevation-level-3-highlight: rgb(255 255 255 / 0);
    --elevation-level-3-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --elevation-level-3-shadow-modal: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
    --dataviz-categorical-1: #2563eb;
    --dataviz-categorical-2: #ad5602;
    --dataviz-categorical-3: #2a977d;
    --dataviz-categorical-4: #a1568e;
    --dataviz-categorical-5: #827153;
    --dataviz-categorical-6: #7c81bc;
    --dataviz-categorical-7: #c9733c;
    --dataviz-categorical-8: #636363;
    --dataviz-sequential-1: #eef4ff;
    --dataviz-sequential-2: #d2e2ff;
    --dataviz-sequential-3: #afcbff;
    --dataviz-sequential-4: #88b0fe;
    --dataviz-sequential-5: #5f91f7;
    --dataviz-sequential-6: #3a72e9;
    --dataviz-sequential-7: #2655bc;
    --dataviz-sequential-8: #1a3d86;
    --dataviz-diverging-1: #2655bc;
    --dataviz-diverging-2: #5a89e6;
    --dataviz-diverging-3: #acc5f2;
    --dataviz-diverging-4: #e1e1e1;
    --dataviz-diverging-5: #eebb99;
    --dataviz-diverging-6: #d97e38;
    --dataviz-diverging-7: #a35303;
    --dataviz-gridline: #78797a;
    --dataviz-axis: #525254;
    --dataviz-label: #525254;
    --component-button-primary-bg: #0e0e0f;
    --component-button-primary-bg-hover: #202021;
    --component-button-primary-fg: #ffffff;
    --component-button-secondary-bg: #ffffff;
    --component-button-secondary-bg-hover: rgb(10 10 10 / 0.0314);
    --component-button-secondary-border: #525254;
    --component-button-secondary-fg: #0e0e0f;
    --component-button-accent-bg: #2c47c7;
    --component-button-accent-bg-hover: #12215e;
    --component-button-accent-fg: #ffffff;
    --component-button-ghost-bg-hover: rgb(10 10 10 / 0.0314);
    --component-button-ghost-fg: #0e0e0f;
    --component-button-ghost-fg-muted: #525254;
    --component-button-danger-bg: #521614;
    --component-button-danger-bg-hover: #521614;
    --component-button-danger-fg: #ffffff;
    --component-button-danger-subtle-bg: #ffebe9;
    --component-button-danger-subtle-bg-hover: rgb(10 10 10 / 0.0314);
    --component-button-danger-subtle-border: #b32325;
    --component-button-danger-subtle-fg: #521614;
    --component-button-state-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-button-state-disabled-bg: rgb(10 10 10 / 0.0314);
    --component-button-state-disabled-fg: #858688;
    --component-button-state-focus-ring: #12215e;
    --component-button-state-focus-halo: rgb(47 75 227 / 0.251);
    --component-button-state-selected-bg: #f5f8ff;
    --component-button-state-selected-fg: #12215e;
    --component-button-state-selected-border: #2c47c7;
    --component-input-bg: #ffffff;
    --component-input-border: #525254;
    --component-input-border-hover: #525254;
    --component-input-border-focus: #12215e;
    --component-input-fg: #0e0e0f;
    --component-input-placeholder: #525254;
    --component-input-label: #525254;
    --component-input-help: #525254;
    --component-input-error: #521614;
    --component-input-error-border: #521614;
    --component-input-disabled-bg: rgb(10 10 10 / 0.0314);
    --component-input-disabled-fg: #858688;
    --component-input-bg-hover: #ffffff;
    --component-input-focus-ring: #12215e;
    --component-input-focus-halo: rgb(47 75 227 / 0.251);
    --component-input-selection-bg: #f5f8ff;
    --component-input-error-icon: #521614;
    --component-input-disabled-border: #78797a;
    --component-select-bg: #ffffff;
    --component-select-border: #525254;
    --component-select-fg: #0e0e0f;
    --component-select-chevron: #525254;
    --component-select-border-hover: #525254;
    --component-select-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-select-focus-ring: #12215e;
    --component-select-focus-halo: rgb(47 75 227 / 0.251);
    --component-select-placeholder: #525254;
    --component-select-list-bg: #ffffff;
    --component-select-list-border: #78797a;
    --component-select-list-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-select-option-fg: #0e0e0f;
    --component-select-option-hover: rgb(10 10 10 / 0.0314);
    --component-select-option-pressed: rgb(10 10 10 / 0.0392);
    --component-select-option-selected-bg: #f5f8ff;
    --component-select-option-selected-fg: #0e0e0f;
    --component-select-option-check: #12215e;
    --component-select-disabled-bg: rgb(10 10 10 / 0.0314);
    --component-select-disabled-fg: #858688;
    --component-select-disabled-border: #78797a;
    --component-select-error-border: #521614;
    --component-select-error: #521614;
    --component-combobox-bg: #ffffff;
    --component-combobox-border: #525254;
    --component-combobox-fg: #0e0e0f;
    --component-combobox-list-bg: #ffffff;
    --component-combobox-option-hover: rgb(10 10 10 / 0.0314);
    --component-combobox-option-selected-bg: #f5f8ff;
    --component-combobox-match-bg: #eaf0ff;
    --component-combobox-match-fg: #0e0e0f;
    --component-combobox-border-hover: #525254;
    --component-combobox-focus-ring: #12215e;
    --component-combobox-focus-halo: rgb(47 75 227 / 0.251);
    --component-combobox-placeholder: #525254;
    --component-combobox-list-border: #78797a;
    --component-combobox-list-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-combobox-option-fg: #0e0e0f;
    --component-combobox-option-pressed: rgb(10 10 10 / 0.0392);
    --component-combobox-option-selected-fg: #0e0e0f;
    --component-combobox-option-check: #12215e;
    --component-combobox-disabled-bg: rgb(10 10 10 / 0.0314);
    --component-combobox-disabled-fg: #858688;
    --component-combobox-disabled-border: #78797a;
    --component-combobox-error-border: #521614;
    --component-combobox-error: #521614;
    --component-control-border: #525254;
    --component-control-checked-bg: #2c47c7;
    --component-control-checked-fg: #ffffff;
    --component-control-track: rgb(10 10 10 / 0.0392);
    --component-control-thumb: #ffffff;
    --component-menu-bg: #ffffff;
    --component-menu-border: #78797a;
    --component-menu-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-menu-fg: #0e0e0f;
    --component-menu-item-hover: rgb(10 10 10 / 0.0314);
    --component-menu-item-checked-bg: #f5f8ff;
    --component-menu-check: #12215e;
    --component-menu-shortcut: #525254;
    --component-menu-label: #525254;
    --component-menu-danger: #521614;
    --component-menu-separator: #78797a;
    --component-menu-rail: #2c47c7;
    --component-menu-item-pressed: rgb(10 10 10 / 0.0392);
    --component-menu-focus-ring: #12215e;
    --component-menu-focus-halo: rgb(47 75 227 / 0.251);
    --component-menu-disabled-fg: #858688;
    --component-popover-bg: #ffffff;
    --component-popover-border: #78797a;
    --component-popover-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-popover-fg: #0e0e0f;
    --component-popover-fg-muted: #525254;
    --component-tooltip-bg: #0e0e0f;
    --component-tooltip-fg: #ffffff;
    --component-tooltip-border: #0e0e0f;
    --component-tooltip-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-card-bg: #ffffff;
    --component-card-border: #78797a;
    --component-card-fg: #0e0e0f;
    --component-card-fg-muted: #525254;
    --component-card-hover-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-card-drag-bg: #ffffff;
    --component-card-drag-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-card-selected-bg: #f5f8ff;
    --component-card-selected-border: #2c47c7;
    --component-card-hover-border: #525254;
    --component-card-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-card-focus-ring: #12215e;
    --component-card-focus-halo: rgb(47 75 227 / 0.251);
    --component-card-disabled-fg: #858688;
    --component-modal-bg: #ffffff;
    --component-modal-border: #78797a;
    --component-modal-shadow: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
    --component-modal-scrim: rgb(10 10 10 / 0.4);
    --component-modal-title: #0e0e0f;
    --component-modal-fg: #525254;
    --component-modal-close-fg: #525254;
    --component-modal-close-hover: rgb(10 10 10 / 0.0314);
    --component-modal-close-pressed: rgb(10 10 10 / 0.0392);
    --component-modal-focus-ring: #12215e;
    --component-modal-focus-halo: rgb(47 75 227 / 0.251);
    --component-modal-divider: #78797a;
    --component-sheet-bg: #ffffff;
    --component-sheet-border: #78797a;
    --component-sheet-shadow: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
    --component-sheet-scrim: rgb(10 10 10 / 0.4);
    --component-sheet-title: #0e0e0f;
    --component-sheet-fg: #525254;
    --component-sheet-handle: #525254;
    --component-sheet-close-fg: #525254;
    --component-sheet-close-hover: rgb(10 10 10 / 0.0314);
    --component-sheet-close-pressed: rgb(10 10 10 / 0.0392);
    --component-sheet-focus-ring: #12215e;
    --component-sheet-focus-halo: rgb(47 75 227 / 0.251);
    --component-sheet-divider: #78797a;
    --component-toast-bg: #ffffff;
    --component-toast-border: #78797a;
    --component-toast-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-toast-title: #0e0e0f;
    --component-toast-fg: #525254;
    --component-toast-drain: #2c47c7;
    --component-toast-icon-success: #0f341c;
    --component-toast-icon-warning: #412706;
    --component-toast-icon-danger: #521614;
    --component-toast-icon-info: #12215e;
    --component-toast-action-fg: #12215e;
    --component-toast-close-fg: #525254;
    --component-toast-close-hover: rgb(10 10 10 / 0.0314);
    --component-toast-close-pressed: rgb(10 10 10 / 0.0392);
    --component-toast-focus-ring: #12215e;
    --component-toast-focus-halo: rgb(47 75 227 / 0.251);
    --component-tabs-fg: #525254;
    --component-tabs-fg-hover: #0e0e0f;
    --component-tabs-selected-fg: #0e0e0f;
    --component-tabs-indicator: #2c47c7;
    --component-tabs-border: #78797a;
    --component-tabs-hover-bg: rgb(10 10 10 / 0.0314);
    --component-tabs-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-tabs-focus-ring: #12215e;
    --component-tabs-focus-halo: rgb(47 75 227 / 0.251);
    --component-tabs-disabled-fg: #858688;
    --component-tabs-panel-bg: #ffffff;
    --component-table-header-bg: #ffffff;
    --component-table-header-fg: #525254;
    --component-table-row-bg: #ffffff;
    --component-table-zebra-bg: #ffffff;
    --component-table-fg: #0e0e0f;
    --component-table-gridline: #78797a;
    --component-table-frozen-divider: #525254;
    --component-table-row-hover: rgb(10 10 10 / 0.0314);
    --component-table-selected-bg: #f5f8ff;
    --component-table-selected-fg: #0e0e0f;
    --component-table-selected-border: #2c47c7;
    --component-table-focus-ring: #12215e;
    --component-table-header-selected-bg: #dee8ff;
    --component-table-header-selected-fg: #12215e;
    --component-table-override-mark: #412706;
    --component-table-hatch: #525254;
    --component-table-header-hover: rgb(10 10 10 / 0.0314);
    --component-table-row-pressed: rgb(10 10 10 / 0.0392);
    --component-table-focus-halo: rgb(47 75 227 / 0.251);
    --component-table-disabled-fg: #858688;
    --component-table-invalid-mark: #521614;
    --component-table-invalid-fg: #521614;
    --component-chip-bg: rgb(10 10 10 / 0.0314);
    --component-chip-border: #78797a;
    --component-chip-fg: #525254;
    --component-chip-selected-bg: #eaf0ff;
    --component-chip-selected-border: #2c47c7;
    --component-chip-selected-fg: #12215e;
    --component-chip-hover-bg: rgb(10 10 10 / 0.0314);
    --component-chip-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-chip-focus-ring: #12215e;
    --component-chip-focus-halo: rgb(47 75 227 / 0.251);
    --component-chip-remove-fg: #525254;
    --component-chip-remove-hover: rgb(10 10 10 / 0.0314);
    --component-chip-disabled-fg: #858688;
    --component-chip-disabled-border: #78797a;
    --component-chip-invalid-border: #521614;
    --component-chip-invalid-fg: #521614;
    --component-badge-bg: rgb(10 10 10 / 0.0392);
    --component-badge-fg: #0e0e0f;
    --component-badge-success-bg: #e9f4ec;
    --component-badge-success-border: #1f6f3d;
    --component-badge-success-fg: #0f341c;
    --component-badge-success-solid-bg: #0f341c;
    --component-badge-success-solid-fg: #ffffff;
    --component-badge-warning-bg: #f8efe5;
    --component-badge-warning-border: #8b5500;
    --component-badge-warning-fg: #412706;
    --component-badge-warning-solid-bg: #412706;
    --component-badge-warning-solid-fg: #ffffff;
    --component-badge-danger-bg: #ffebe9;
    --component-badge-danger-border: #b32325;
    --component-badge-danger-fg: #521614;
    --component-badge-danger-solid-bg: #521614;
    --component-badge-danger-solid-fg: #ffffff;
    --component-badge-info-bg: #eaf0ff;
    --component-badge-info-border: #2c47c7;
    --component-badge-info-fg: #12215e;
    --component-badge-info-solid-bg: #2c47c7;
    --component-badge-info-solid-fg: #ffffff;
    --component-link-fg: #12215e;
    --component-link-fg-hover: #12215e;
    --component-link-underline: #2c47c7;
    --component-live-block-frame: #78797a;
    --component-live-block-caption-bg: #ffffff;
    --component-live-block-caption-fg: #525254;
    --component-live-block-live-dot: #0f341c;
    --component-live-block-stale-dot: #2c47c7;
    --component-live-block-pulse: rgb(47 75 227 / 0.349);
    --component-presence-self: #2c47c7;
    --component-presence-label-bg: #0e0e0f;
    --component-presence-label-fg: #ffffff;
    --component-presence-cursor-1: #ad5602;
    --component-presence-cursor-2: #2a977d;
    --component-presence-cursor-3: #a1568e;
    --component-presence-cursor-4: #827153;
    --component-presence-cursor-5: #7c81bc;
    --component-presence-cursor-6: #c9733c;
    --component-presence-cursor-7: #636363;
    --component-comment-mark: #412706;
    --component-comment-bg: #f8efe5;
    --component-comment-fg: #0e0e0f;
    --component-comment-thread-bg: #ffffff;
    --component-comment-thread-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-comment-resolved: #525254;
    --component-skeleton-bg: rgb(10 10 10 / 0.0314);
    --component-skeleton-highlight: rgb(10 10 10 / 0.0392);
    --component-progress-track: rgb(10 10 10 / 0.0392);
    --component-progress-fill: #2c47c7;
    --component-progress-label-fg: #525254;
    --component-progress-track-border: #525254;
    --component-progress-fill-success: #0f341c;
    --component-progress-fill-invalid: #521614;
    --component-progress-disabled-fill: #858688;
    --component-checkbox-box-bg: #ffffff;
    --component-checkbox-box-border: #525254;
    --component-checkbox-box-border-hover: #525254;
    --component-checkbox-hover-layer: rgb(10 10 10 / 0.0314);
    --component-checkbox-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-checkbox-checked-bg: #2c47c7;
    --component-checkbox-checked-bg-hover: #12215e;
    --component-checkbox-checked-fg: #ffffff;
    --component-checkbox-focus-ring: #12215e;
    --component-checkbox-focus-halo: rgb(47 75 227 / 0.251);
    --component-checkbox-label-fg: #0e0e0f;
    --component-checkbox-help-fg: #525254;
    --component-checkbox-disabled-bg: rgb(10 10 10 / 0.0314);
    --component-checkbox-disabled-border: #78797a;
    --component-checkbox-disabled-fg: #858688;
    --component-checkbox-invalid-border: #521614;
    --component-checkbox-invalid-fg: #521614;
    --component-radio-bg: #ffffff;
    --component-radio-border: #525254;
    --component-radio-border-hover: #525254;
    --component-radio-hover-layer: rgb(10 10 10 / 0.0314);
    --component-radio-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-radio-checked-border: #2c47c7;
    --component-radio-dot: #2c47c7;
    --component-radio-dot-hover: #12215e;
    --component-radio-focus-ring: #12215e;
    --component-radio-focus-halo: rgb(47 75 227 / 0.251);
    --component-radio-label-fg: #0e0e0f;
    --component-radio-help-fg: #525254;
    --component-radio-disabled-bg: rgb(10 10 10 / 0.0314);
    --component-radio-disabled-border: #78797a;
    --component-radio-disabled-fg: #858688;
    --component-radio-invalid-border: #521614;
    --component-radio-invalid-fg: #521614;
    --component-switch-track-off: #fafafb;
    --component-switch-track-off-border: #525254;
    --component-switch-thumb-off: #525254;
    --component-switch-track-on: #2c47c7;
    --component-switch-track-on-hover: #12215e;
    --component-switch-thumb-on: #ffffff;
    --component-switch-hover-layer: rgb(10 10 10 / 0.0314);
    --component-switch-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-switch-focus-ring: #12215e;
    --component-switch-focus-halo: rgb(47 75 227 / 0.251);
    --component-switch-label-fg: #0e0e0f;
    --component-switch-disabled-track: rgb(10 10 10 / 0.0314);
    --component-switch-disabled-border: #78797a;
    --component-switch-disabled-thumb: #858688;
    --component-switch-disabled-fg: #858688;
    --component-switch-invalid-border: #521614;
    --component-slider-track: #525254;
    --component-slider-fill: #2c47c7;
    --component-slider-thumb-bg: #ffffff;
    --component-slider-thumb-border: #2c47c7;
    --component-slider-hover-layer: rgb(10 10 10 / 0.0314);
    --component-slider-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-slider-focus-ring: #12215e;
    --component-slider-focus-halo: rgb(47 75 227 / 0.251);
    --component-slider-tick: #525254;
    --component-slider-value-fg: #0e0e0f;
    --component-slider-label-fg: #525254;
    --component-slider-disabled-track: #78797a;
    --component-slider-disabled-fill: #858688;
    --component-slider-disabled-thumb: #858688;
    --component-slider-invalid-fill: #521614;
    --component-date-field-bg: #ffffff;
    --component-date-field-border: #525254;
    --component-date-field-border-hover: #525254;
    --component-date-field-border-focus: #12215e;
    --component-date-field-fg: #0e0e0f;
    --component-date-field-placeholder: #525254;
    --component-date-field-icon: #525254;
    --component-date-field-segment-focus-bg: #eaf0ff;
    --component-date-field-segment-focus-fg: #12215e;
    --component-date-field-focus-ring: #12215e;
    --component-date-field-focus-halo: rgb(47 75 227 / 0.251);
    --component-date-field-popup-bg: #ffffff;
    --component-date-field-popup-border: #78797a;
    --component-date-field-popup-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-date-field-weekday-fg: #525254;
    --component-date-field-day-fg: #0e0e0f;
    --component-date-field-day-hover: rgb(10 10 10 / 0.0314);
    --component-date-field-day-pressed: rgb(10 10 10 / 0.0392);
    --component-date-field-day-outside-fg: #525254;
    --component-date-field-day-today-border: #2c47c7;
    --component-date-field-day-selected-bg: #2c47c7;
    --component-date-field-day-selected-fg: #ffffff;
    --component-date-field-day-range-bg: #f5f8ff;
    --component-date-field-day-disabled-fg: #858688;
    --component-date-field-disabled-bg: rgb(10 10 10 / 0.0314);
    --component-date-field-disabled-fg: #858688;
    --component-date-field-disabled-border: #78797a;
    --component-date-field-error-border: #521614;
    --component-date-field-error: #521614;
    --component-segmented-bg: #fafafb;
    --component-segmented-border: #78797a;
    --component-segmented-fg: #525254;
    --component-segmented-fg-hover: #0e0e0f;
    --component-segmented-hover-bg: rgb(10 10 10 / 0.0314);
    --component-segmented-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-segmented-selected-bg: #ffffff;
    --component-segmented-selected-fg: #0e0e0f;
    --component-segmented-selected-border: #525254;
    --component-segmented-selected-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-segmented-focus-ring: #12215e;
    --component-segmented-focus-halo: rgb(47 75 227 / 0.251);
    --component-segmented-divider: #78797a;
    --component-segmented-disabled-fg: #858688;
    --component-breadcrumbs-fg: #525254;
    --component-breadcrumbs-fg-hover: #0e0e0f;
    --component-breadcrumbs-hover-bg: rgb(10 10 10 / 0.0314);
    --component-breadcrumbs-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-breadcrumbs-current-fg: #0e0e0f;
    --component-breadcrumbs-separator: #525254;
    --component-breadcrumbs-focus-ring: #12215e;
    --component-breadcrumbs-focus-halo: rgb(47 75 227 / 0.251);
    --component-breadcrumbs-disabled-fg: #858688;
    --component-breadcrumbs-overflow-fg: #525254;
    --component-pagination-fg: #525254;
    --component-pagination-fg-hover: #0e0e0f;
    --component-pagination-hover-bg: rgb(10 10 10 / 0.0314);
    --component-pagination-pressed-layer: rgb(10 10 10 / 0.0392);
    --component-pagination-border: #78797a;
    --component-pagination-selected-bg: #eaf0ff;
    --component-pagination-selected-fg: #12215e;
    --component-pagination-selected-border: #2c47c7;
    --component-pagination-focus-ring: #12215e;
    --component-pagination-focus-halo: rgb(47 75 227 / 0.251);
    --component-pagination-ellipsis-fg: #525254;
    --component-pagination-label-fg: #525254;
    --component-pagination-disabled-fg: #858688;
    --component-spinner-track: #78797a;
    --component-spinner-arc: #2c47c7;
    --component-spinner-arc-on-accent: #ffffff;
    --component-spinner-arc-on-inverse: #ffffff;
    --component-spinner-arc-muted: #525254;
    --component-spinner-label-fg: #525254;
    --component-avatar-bg: #fafafb;
    --component-avatar-fg: #0e0e0f;
    --component-avatar-ring: #ffffff;
    --component-avatar-hover-ring: #525254;
    --component-avatar-selected-ring: #2c47c7;
    --component-avatar-focus-ring: #12215e;
    --component-avatar-focus-halo: rgb(47 75 227 / 0.251);
    --component-avatar-presence-available: #0f341c;
    --component-avatar-presence-busy: #521614;
    --component-avatar-presence-away: #412706;
    --component-avatar-presence-offline: #525254;
    --component-avatar-presence-ring: #ffffff;
    --component-avatar-overflow-bg: #fafafb;
    --component-avatar-overflow-fg: #525254;
    --component-avatar-disabled-fg: #858688;
    --component-empty-state-bg: #ffffff;
    --component-empty-state-icon: #525254;
    --component-empty-state-title-fg: #0e0e0f;
    --component-empty-state-fg: #525254;
    --component-empty-state-border: #525254;
    --component-empty-state-drop-hover-bg: #eaf0ff;
    --component-empty-state-drop-hover-border: #2c47c7;
    --component-empty-state-drop-hover-fg: #0e0e0f;
    --component-empty-state-focus-ring: #12215e;
    --component-empty-state-focus-halo: rgb(47 75 227 / 0.251);
    --component-empty-state-disabled-fg: #858688;
    --component-empty-state-invalid-border: #521614;
    --component-empty-state-invalid-fg: #521614;
    --component-banner-bg: #ffffff;
    --component-banner-border: #78797a;
    --component-banner-fg: #0e0e0f;
    --component-banner-fg-muted: #525254;
    --component-banner-icon: #525254;
    --component-banner-info-bg: #eaf0ff;
    --component-banner-info-border: #2c47c7;
    --component-banner-info-icon: #12215e;
    --component-banner-info-title: #12215e;
    --component-banner-info-fg: #0e0e0f;
    --component-banner-success-bg: #e9f4ec;
    --component-banner-success-border: #1f6f3d;
    --component-banner-success-icon: #0f341c;
    --component-banner-success-title: #0f341c;
    --component-banner-success-fg: #0e0e0f;
    --component-banner-warning-bg: #f8efe5;
    --component-banner-warning-border: #8b5500;
    --component-banner-warning-icon: #412706;
    --component-banner-warning-title: #412706;
    --component-banner-warning-fg: #0e0e0f;
    --component-banner-danger-bg: #ffebe9;
    --component-banner-danger-border: #b32325;
    --component-banner-danger-icon: #521614;
    --component-banner-danger-title: #521614;
    --component-banner-danger-fg: #0e0e0f;
    --component-banner-action-fg: #12215e;
    --component-banner-close-fg: #525254;
    --component-banner-close-hover: rgb(10 10 10 / 0.0314);
    --component-banner-close-pressed: rgb(10 10 10 / 0.0392);
    --component-banner-focus-ring: #12215e;
    --component-banner-focus-halo: rgb(47 75 227 / 0.251);
    --component-inbox-list-bg: #ffffff;
    --component-inbox-list-row-hover: rgb(10 10 10 / 0.0314);
    --component-inbox-list-row-active: rgb(10 10 10 / 0.0392);
    --component-inbox-list-divider: #78797a;
    --component-inbox-list-fg: #0e0e0f;
    --component-inbox-list-fg-muted: #525254;
    --component-inbox-list-meta: #525254;
    --component-inbox-list-unread-fg: #0e0e0f;
    --component-inbox-list-unread-dot: #2c47c7;
    --component-inbox-list-thread-count-bg: rgb(10 10 10 / 0.0314);
    --component-inbox-list-thread-count-fg: #525254;
    --component-inbox-list-thread-line: #78797a;
    --component-inbox-list-flag: #521614;
    --component-inbox-list-pinned: #12215e;
    --component-inbox-list-selected-bg: #f5f8ff;
    --component-inbox-list-selected-fg: #0e0e0f;
    --component-inbox-list-selected-rail: #2c47c7;
    --component-inbox-list-focus-ring: #12215e;
    --component-inbox-list-group-header-bg: #ffffff;
    --component-inbox-list-group-header-fg: #525254;
    --component-reader-bg: #ffffff;
    --component-reader-fg: #0e0e0f;
    --component-reader-subject-fg: #0e0e0f;
    --component-reader-meta: #525254;
    --component-reader-divider: #78797a;
    --component-reader-collapsed-bg: #ffffff;
    --component-reader-collapsed-fg: #525254;
    --component-reader-quote-bar: #525254;
    --component-reader-quote-fg: #525254;
    --component-reader-attachment-bg: #ffffff;
    --component-reader-attachment-border: #78797a;
    --component-reader-attachment-fg: #0e0e0f;
    --component-reader-banner-external-bg: #f8efe5;
    --component-reader-banner-external-border: #8b5500;
    --component-reader-banner-external-fg: #0e0e0f;
    --component-reader-banner-remote-bg: #eaf0ff;
    --component-reader-banner-remote-border: #2c47c7;
    --component-reader-banner-remote-fg: #0e0e0f;
    --component-reader-focus-ring: #12215e;
    --component-composer-bg: #ffffff;
    --component-composer-fg: #0e0e0f;
    --component-composer-placeholder: #525254;
    --component-composer-field-label: #525254;
    --component-composer-field-divider: #78797a;
    --component-composer-toolbar-bg: #ffffff;
    --component-composer-toolbar-fg: #525254;
    --component-composer-recipient-bg: rgb(10 10 10 / 0.0314);
    --component-composer-recipient-fg: #0e0e0f;
    --component-composer-recipient-external-bg: #f8efe5;
    --component-composer-recipient-external-border: #8b5500;
    --component-composer-recipient-external-fg: #412706;
    --component-composer-disclosure-bg: #f8efe5;
    --component-composer-disclosure-border: #8b5500;
    --component-composer-disclosure-fg: #0e0e0f;
    --component-composer-proposal-bg: #eaf0ff;
    --component-composer-proposal-border: #2c47c7;
    --component-composer-proposal-rail: #2c47c7;
    --component-composer-proposal-fg: #0e0e0f;
    --component-composer-shadow: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
    --component-composer-focus-ring: #12215e;
    --component-calendar-bg: #ffffff;
    --component-calendar-gridline: #78797a;
    --component-calendar-gridline-hour: #78797a;
    --component-calendar-header-bg: #ffffff;
    --component-calendar-header-fg: #525254;
    --component-calendar-time-fg: #525254;
    --component-calendar-weekend-bg: #ffffff;
    --component-calendar-outside-month-fg: #525254;
    --component-calendar-today-bg: #eaf0ff;
    --component-calendar-today-fg: #12215e;
    --component-calendar-today-marker: #2c47c7;
    --component-calendar-today-marker-fg: #ffffff;
    --component-calendar-now-line: #521614;
    --component-calendar-slot-hover: rgb(10 10 10 / 0.0314);
    --component-calendar-selected-bg: #f5f8ff;
    --component-calendar-selected-border: #2c47c7;
    --component-calendar-focus-ring: #12215e;
    --component-calendar-event-bg: #ffffff;
    --component-calendar-event-border: #78797a;
    --component-calendar-event-fg: #0e0e0f;
    --component-calendar-event-fg-muted: #525254;
    --component-calendar-event-tentative-hatch: #525254;
    --component-calendar-event-declined-fg: #525254;
    --component-calendar-event-selected-bg: #f5f8ff;
    --component-calendar-event-selected-border: #2c47c7;
    --component-calendar-event-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-calendar-event-drag-shadow: 0px 4px 14px 0px rgb(10 10 10 / 0.1216);
    --component-calendar-event-rail-1: #2563eb;
    --component-calendar-event-rail-2: #ad5602;
    --component-calendar-event-rail-3: #2a977d;
    --component-calendar-event-rail-4: #a1568e;
    --component-calendar-event-rail-5: #827153;
    --component-calendar-event-rail-6: #7c81bc;
    --component-calendar-event-rail-7: #c9733c;
    --component-calendar-event-rail-8: #636363;
    --component-contact-card-bg: #ffffff;
    --component-contact-card-border: #78797a;
    --component-contact-card-name-fg: #0e0e0f;
    --component-contact-card-fg: #0e0e0f;
    --component-contact-card-fg-muted: #525254;
    --component-contact-card-field-label: #525254;
    --component-contact-card-divider: #78797a;
    --component-contact-card-avatar-bg: #eaf0ff;
    --component-contact-card-avatar-fg: #12215e;
    --component-contact-card-presence-available: #0f341c;
    --component-contact-card-presence-busy: #521614;
    --component-contact-card-presence-away: #412706;
    --component-contact-card-presence-offline: #525254;
    --component-contact-card-hover-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-contact-card-focus-ring: #12215e;
    --component-grid-bg: #ffffff;
    --component-grid-fg: #0e0e0f;
    --component-grid-fg-muted: #525254;
    --component-grid-gridline: #78797a;
    --component-grid-header-bg: #ffffff;
    --component-grid-header-fg: #525254;
    --component-grid-header-border: #78797a;
    --component-grid-header-hover: rgb(10 10 10 / 0.0314);
    --component-grid-header-selected-bg: #dee8ff;
    --component-grid-header-selected-fg: #12215e;
    --component-grid-header-selected-indicator: #2c47c7;
    --component-grid-frozen-bg: #ffffff;
    --component-grid-frozen-divider: #525254;
    --component-grid-selection-bg: #f5f8ff;
    --component-grid-selection-fg: #0e0e0f;
    --component-grid-selection-border: #2c47c7;
    --component-grid-focus-ring: #12215e;
    --component-grid-focus-halo: rgb(47 75 227 / 0.251);
    --component-grid-fill-handle: #2c47c7;
    --component-grid-fill-handle-border: #ffffff;
    --component-grid-copy-marquee: #2c47c7;
    --component-grid-edit-bg: #ffffff;
    --component-grid-edit-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-grid-drop-target: #2c47c7;
    --component-grid-spill-border: #525254;
    --component-grid-error-fg: #521614;
    --component-grid-error-mark: #521614;
    --component-grid-comment-mark: #412706;
    --component-grid-override-mark: #412706;
    --component-grid-hatch: #525254;
    --component-grid-table-header-bg: #fafafb;
    --component-grid-table-header-fg: #0e0e0f;
    --component-grid-table-band-bg: #ffffff;
    --component-grid-ref-1: #2563eb;
    --component-grid-ref-2: #ad5602;
    --component-grid-ref-3: #2a977d;
    --component-grid-ref-4: #a1568e;
    --component-grid-ref-5: #827153;
    --component-grid-ref-6: #7c81bc;
    --component-grid-ref-7: #c9733c;
    --component-grid-ref-8: #636363;
    --component-formula-bar-bg: #ffffff;
    --component-formula-bar-border: #78797a;
    --component-formula-bar-divider: #78797a;
    --component-formula-bar-name-box-bg: #ffffff;
    --component-formula-bar-name-box-fg: #0e0e0f;
    --component-formula-bar-name-box-border: #525254;
    --component-formula-bar-fx-fg: #525254;
    --component-formula-bar-input-fg: #0e0e0f;
    --component-formula-bar-placeholder: #525254;
    --component-formula-bar-focus-ring: #12215e;
    --component-formula-bar-syntax-function: #12215e;
    --component-formula-bar-syntax-string: #0f341c;
    --component-formula-bar-syntax-number: #0e0e0f;
    --component-formula-bar-syntax-operator: #525254;
    --component-formula-bar-syntax-error: #521614;
    --component-formula-bar-hint-fg: #525254;
    --component-formula-bar-hint-active-fg: #0e0e0f;
    --component-formula-bar-ref-1: #2563eb;
    --component-formula-bar-ref-2: #ad5602;
    --component-formula-bar-ref-3: #2a977d;
    --component-formula-bar-ref-4: #a1568e;
    --component-formula-bar-ref-5: #827153;
    --component-formula-bar-ref-6: #7c81bc;
    --component-formula-bar-ref-7: #c9733c;
    --component-formula-bar-ref-8: #636363;
    --component-sheet-tabs-bar-bg: #ffffff;
    --component-sheet-tabs-bar-border: #78797a;
    --component-sheet-tabs-fg: #525254;
    --component-sheet-tabs-hover-bg: rgb(10 10 10 / 0.0314);
    --component-sheet-tabs-fg-hover: #0e0e0f;
    --component-sheet-tabs-active-bg: #ffffff;
    --component-sheet-tabs-active-fg: #0e0e0f;
    --component-sheet-tabs-active-border: #78797a;
    --component-sheet-tabs-indicator: #2c47c7;
    --component-sheet-tabs-focus-ring: #12215e;
    --component-sheet-tabs-add-fg: #525254;
    --component-sheet-tabs-rail-1: #2563eb;
    --component-sheet-tabs-rail-2: #ad5602;
    --component-sheet-tabs-rail-3: #2a977d;
    --component-sheet-tabs-rail-4: #a1568e;
    --component-sheet-tabs-rail-5: #827153;
    --component-sheet-tabs-rail-6: #7c81bc;
    --component-sheet-tabs-rail-7: #c9733c;
    --component-sheet-tabs-rail-8: #636363;
    --component-chart-bg: #ffffff;
    --component-chart-title-fg: #0e0e0f;
    --component-chart-subtitle-fg: #525254;
    --component-chart-gridline: #78797a;
    --component-chart-axis: #525254;
    --component-chart-label: #525254;
    --component-chart-legend-fg: #525254;
    --component-chart-target-line: #525254;
    --component-chart-annotation-fg: #0e0e0f;
    --component-chart-selected-border: #2c47c7;
    --component-chart-focus-ring: #12215e;
    --component-chart-plot-hover: rgb(10 10 10 / 0.0314);
    --component-chart-editor-bg: #ffffff;
    --component-chart-editor-border: #78797a;
    --component-chart-editor-section-fg: #525254;
    --component-chart-editor-swatch-border: #78797a;
    --component-chart-series-1: #2563eb;
    --component-chart-series-2: #ad5602;
    --component-chart-series-3: #2a977d;
    --component-chart-series-4: #a1568e;
    --component-chart-series-5: #827153;
    --component-chart-series-6: #7c81bc;
    --component-chart-series-7: #c9733c;
    --component-chart-series-8: #636363;
    --component-kpi-tile-bg: #ffffff;
    --component-kpi-tile-border: #78797a;
    --component-kpi-tile-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-kpi-tile-label-fg: #525254;
    --component-kpi-tile-value-fg: #0e0e0f;
    --component-kpi-tile-meta-fg: #525254;
    --component-kpi-tile-delta-up-fg: #0f341c;
    --component-kpi-tile-delta-down-fg: #521614;
    --component-kpi-tile-delta-flat-fg: #525254;
    --component-kpi-tile-delta-up-bg: #e9f4ec;
    --component-kpi-tile-delta-down-bg: #ffebe9;
    --component-kpi-tile-sparkline: #2563eb;
    --component-kpi-tile-target: #525254;
    --component-kpi-tile-focus-ring: #12215e;
    --component-dashboard-canvas-bg: #ffffff;
    --component-dashboard-canvas-grid: #78797a;
    --component-dashboard-tile-bg: #ffffff;
    --component-dashboard-tile-border: #78797a;
    --component-dashboard-tile-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-dashboard-tile-hover-border: #525254;
    --component-dashboard-tile-selected-border: #2c47c7;
    --component-dashboard-tile-focus-ring: #12215e;
    --component-dashboard-tile-drag-shadow: 0px 4px 14px 0px rgb(10 10 10 / 0.1216);
    --component-dashboard-title-fg: #0e0e0f;
    --component-dashboard-meta-fg: #525254;
    --component-dashboard-stale-fg: #412706;
    --component-dashboard-guide: #2c47c7;
    --component-dashboard-handle-bg: #ffffff;
    --component-dashboard-handle-border: #2c47c7;
    --component-dashboard-filter-bar-bg: #ffffff;
    --component-dashboard-filter-bar-border: #78797a;
    --component-dashboard-empty-fg: #525254;
    --component-dashboard-empty-border: #78797a;
    --component-slicer-bg: #ffffff;
    --component-slicer-fg: #0e0e0f;
    --component-slicer-border: #525254;
    --component-slicer-hover-bg: rgb(10 10 10 / 0.0314);
    --component-slicer-selected-bg: #eaf0ff;
    --component-slicer-selected-fg: #12215e;
    --component-slicer-selected-border: #2c47c7;
    --component-slicer-focus-ring: #12215e;
    --component-slicer-label-fg: #525254;
    --component-slicer-count-bg: #2c47c7;
    --component-slicer-count-fg: #ffffff;
    --component-slicer-clear-fg: #525254;
    --component-slicer-disabled-fg: #858688;
    --component-field-list-bg: #ffffff;
    --component-field-list-fg: #0e0e0f;
    --component-field-list-fg-muted: #525254;
    --component-field-list-section-fg: #525254;
    --component-field-list-icon-fg: #525254;
    --component-field-list-measure-fg: #12215e;
    --component-field-list-item-hover: rgb(10 10 10 / 0.0314);
    --component-field-list-item-selected-bg: #f5f8ff;
    --component-field-list-item-selected-rail: #2c47c7;
    --component-field-list-focus-ring: #12215e;
    --component-field-list-well-bg: #ffffff;
    --component-field-list-well-border: #525254;
    --component-field-list-drop-target: #2c47c7;
    --component-field-list-well-item-bg: #ffffff;
    --component-field-list-well-item-border: #78797a;
    --component-field-list-model-canvas-bg: #fafafb;
    --component-field-list-model-table-bg: #ffffff;
    --component-field-list-model-table-header-bg: #ffffff;
    --component-field-list-model-table-border: #78797a;
    --component-field-list-model-table-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --component-field-list-relationship: #525254;
    --component-field-list-relationship-selected: #2c47c7;
    --component-list-view-bg: #ffffff;
    --component-list-view-fg: #0e0e0f;
    --component-list-view-fg-muted: #525254;
    --component-list-view-icon-fg: #525254;
    --component-list-view-disabled-fg: #858688;
    --component-list-view-divider: #78797a;
    --component-list-view-row-hover: rgb(10 10 10 / 0.0314);
    --component-list-view-selected-bg: #f5f8ff;
    --component-list-view-selected-fg: #0e0e0f;
    --component-list-view-selected-rail: #2c47c7;
    --component-list-view-focus-ring: #12215e;
    --component-list-view-focus-halo: rgb(47 75 227 / 0.251);
    --component-list-view-tree-guide: #78797a;
    --component-list-view-twisty-fg: #525254;
    --component-list-view-drop-target: #2c47c7;
    --component-canvas-bg: #fafafb;
    --component-canvas-board-bg: #ffffff;
    --component-canvas-page-bg: #ffffff;
    --component-canvas-board-grid: #78797a;
    --component-canvas-object-hover-border: #525254;
    --component-canvas-selected-border: #2c47c7;
    --component-canvas-handle-bg: #ffffff;
    --component-canvas-handle-border: #2c47c7;
    --component-canvas-marquee-bg: #f5f8ff;
    --component-canvas-marquee-border: #2c47c7;
    --component-canvas-connector: #525254;
    --component-canvas-connector-selected: #2c47c7;
    --component-canvas-guide: #2c47c7;
    --component-canvas-focus-ring: #12215e;
    --component-canvas-focus-halo: rgb(47 75 227 / 0.251);
    --v1-color-bg: #ffffff;
    --v1-color-surface: #ffffff;
    --v1-color-surface-2: #fafafb;
    --v1-color-surface-3: #fafafb;
    --v1-color-line: #78797a;
    --v1-color-line-strong: #525254;
    --v1-color-control-border: #525254;
    --v1-color-ink: #0e0e0f;
    --v1-color-ink-2: #525254;
    --v1-color-ink-3: #525254;
    --v1-color-ink-disabled: #858688;
    --v1-color-accent: #2c47c7;
    --v1-color-accent-text: #12215e;
    --v1-color-accent-fill: #2c47c7;
    --v1-color-accent-fill-hover: #12215e;
    --v1-color-on-accent: #ffffff;
    --v1-color-accent-soft: #eaf0ff;
    --v1-color-focus: #12215e;
    --v1-color-ok: #0f341c;
    --v1-color-ok-text: #0f341c;
    --v1-color-ok-soft: #e9f4ec;
    --v1-color-warning: #412706;
    --v1-color-warning-text: #412706;
    --v1-color-warning-soft: #f8efe5;
    --v1-color-danger: #521614;
    --v1-color-danger-text: #521614;
    --v1-color-danger-soft: #ffebe9;
    --v1-color-on-danger: #ffffff;
    --v1-color-info: #2c47c7;
    --v1-color-info-text: #12215e;
    --v1-color-info-soft: #eaf0ff;
    --v1-color-scrim: rgb(10 10 10 / 0.4);
    --v1-color-comment: #412706;
    --v1-grid-gridline: #78797a;
    --v1-grid-header: #ffffff;
    --v1-grid-header-selected: #dee8ff;
    --v1-grid-header-text: #525254;
    --v1-grid-selection-fill: #f5f8ff;
    --v1-grid-selection-border: #2c47c7;
    --v1-grid-frozen-divider: #525254;
    --v1-grid-override: #412706;
    --v1-grid-hatch: #525254;
    --v1-live-block-frame: #78797a;
    --v1-live-block-caption: #ffffff;
    --v1-live-block-caption-text: #525254;
    --v1-live-block-live: #0f341c;
    --v1-elevation-1: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --v1-elevation-2: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --v1-elevation-dark-1: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
    --v1-elevation-dark-2: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  }
}

@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-bg-canvas: #0b0b0c;
    --color-bg-sunken: #060607;
    --color-bg-surface: #0b0b0c;
    --color-bg-raised: #121313;
    --color-bg-overlay: #1b1b1c;
    --color-bg-inverse: #f1f2f3;
    --color-bg-inverse-hover: #dadbdc;
    --color-bg-hover: #1b1b1c;
    --color-bg-active: #222324;
    --color-bg-selected: #182347;
    --color-fg-default: #f1f2f3;
    --color-fg-muted: #bababc;
    --color-fg-subtle: #bababc;
    --color-fg-disabled: #757677;
    --color-fg-on-accent: #0b0b0c;
    --color-fg-inverse: #0b0b0c;
    --color-border-subtle: #828385;
    --color-border-default: #828385;
    --color-border-strong: #bababc;
    --color-border-control: #bababc;
    --color-accent-solid: #9db8ff;
    --color-accent-solid-hover: #e1e9ff;
    --color-accent-fg: #9db8ff;
    --color-accent-bg: #121828;
    --color-accent-bg-hover: #182347;
    --color-accent-border: #9db8ff;
    --color-accent-indicator: #9db8ff;
    --color-accent-pulse: rgb(104 139 243 / 0.349);
    --color-focus-ring: #e1e9ff;
    --color-focus-halo: rgb(104 139 243 / 0.302);
    --color-selection-bg: #182347;
    --color-selection-fg: #f1f2f3;
    --color-selection-border: #9db8ff;
    --color-state-hover: rgb(255 255 255 / 0.051);
    --color-state-active: rgb(255 255 255 / 0.0706);
    --color-scrim: rgb(0 0 0 / 0.6392);
    --color-success-bg: #111c14;
    --color-success-border: #72cf8e;
    --color-success-solid: #72cf8e;
    --color-success-solid-hover: #d0f2d8;
    --color-success-fg: #72cf8e;
    --color-success-on-solid: #0b0b0c;
    --color-warning-bg: #20170d;
    --color-warning-border: #ffbb6f;
    --color-warning-solid: #ffbb6f;
    --color-warning-solid-hover: #ffe7cd;
    --color-warning-fg: #ffbb6f;
    --color-warning-on-solid: #0b0b0c;
    --color-danger-bg: #251311;
    --color-danger-border: #fb988f;
    --color-danger-solid: #fb988f;
    --color-danger-solid-hover: #ffe2de;
    --color-danger-fg: #fb988f;
    --color-danger-on-solid: #0b0b0c;
    --color-info-bg: #121828;
    --color-info-border: #9db8ff;
    --color-info-solid: #9db8ff;
    --color-info-solid-hover: #e1e9ff;
    --color-info-fg: #9db8ff;
    --color-info-on-solid: #0b0b0c;
    --color-category-red: #ffa0a2;
    --color-category-orange: #ffa55a;
    --color-category-peach: #e9b129;
    --color-category-yellow: #c4bf0a;
    --color-category-green: #3bd606;
    --color-category-teal: #69ccb0;
    --color-category-olive: #abc199;
    --color-category-blue: #97bbfe;
    --color-category-purple: #c7adff;
    --color-category-maroon: #efa4c8;
    --color-category-steel: #c0b5d4;
    --color-category-dark-steel: #7686a4;
    --color-category-gray: #cfcfcc;
    --color-category-dark-gray: #a6a6a3;
    --color-category-black: #858583;
    --color-category-dark-red: #ff2e38;
    --color-category-dark-orange: #dd5e02;
    --color-category-dark-peach: #b37a05;
    --color-category-dark-yellow: #989402;
    --color-category-dark-green: #1b9b02;
    --color-category-dark-teal: #079772;
    --color-category-dark-olive: #86aa71;
    --color-category-dark-blue: #3181fe;
    --color-category-dark-purple: #9468ff;
    --color-category-dark-maroon: #d65798;
    --elevation-raised: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-overlay: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --elevation-lift: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
    --elevation-level-0-bg: #0b0b0c;
    --elevation-level-0-highlight: rgb(255 255 255 / 0);
    --elevation-level-1-bg: #0b0b0c;
    --elevation-level-1-highlight: rgb(255 255 255 / 0);
    --elevation-level-2-bg: #121313;
    --elevation-level-2-highlight: rgb(255 255 255 / 0.0392);
    --elevation-level-2-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-level-3-bg: #1b1b1c;
    --elevation-level-3-highlight: rgb(255 255 255 / 0.0588);
    --elevation-level-3-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-level-3-shadow-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --dataviz-categorical-1: #6194fb;
    --dataviz-categorical-2: #d68742;
    --dataviz-categorical-3: #72c8b8;
    --dataviz-categorical-4: #c283b3;
    --dataviz-categorical-5: #b3a48b;
    --dataviz-categorical-6: #a0b0e6;
    --dataviz-categorical-7: #f4b07a;
    --dataviz-categorical-8: #908d86;
    --dataviz-sequential-1: #142341;
    --dataviz-sequential-2: #1b3363;
    --dataviz-sequential-3: #26468a;
    --dataviz-sequential-4: #305bb4;
    --dataviz-sequential-5: #3f71da;
    --dataviz-sequential-6: #568af6;
    --dataviz-sequential-7: #82adff;
    --dataviz-sequential-8: #b9d2ff;
    --dataviz-diverging-1: #9cbeff;
    --dataviz-diverging-2: #5688ec;
    --dataviz-diverging-3: #2d4f94;
    --dataviz-diverging-4: #3a3a3a;
    --dataviz-diverging-5: #7b461e;
    --dataviz-diverging-6: #cf752d;
    --dataviz-diverging-7: #f4b082;
    --dataviz-gridline: #828385;
    --dataviz-axis: #bababc;
    --dataviz-label: #bababc;
    --component-button-primary-bg: #f1f2f3;
    --component-button-primary-bg-hover: #dadbdc;
    --component-button-primary-fg: #0b0b0c;
    --component-button-secondary-bg: #0b0b0c;
    --component-button-secondary-bg-hover: rgb(255 255 255 / 0.051);
    --component-button-secondary-border: #bababc;
    --component-button-secondary-fg: #f1f2f3;
    --component-button-accent-bg: #9db8ff;
    --component-button-accent-bg-hover: #e1e9ff;
    --component-button-accent-fg: #0b0b0c;
    --component-button-ghost-bg-hover: rgb(255 255 255 / 0.051);
    --component-button-ghost-fg: #f1f2f3;
    --component-button-ghost-fg-muted: #bababc;
    --component-button-danger-bg: #fb988f;
    --component-button-danger-bg-hover: #ffe2de;
    --component-button-danger-fg: #0b0b0c;
    --component-button-danger-subtle-bg: #251311;
    --component-button-danger-subtle-bg-hover: rgb(255 255 255 / 0.051);
    --component-button-danger-subtle-border: #fb988f;
    --component-button-danger-subtle-fg: #fb988f;
    --component-button-state-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-button-state-disabled-bg: rgb(255 255 255 / 0.051);
    --component-button-state-disabled-fg: #757677;
    --component-button-state-focus-ring: #e1e9ff;
    --component-button-state-focus-halo: rgb(104 139 243 / 0.302);
    --component-button-state-selected-bg: #182347;
    --component-button-state-selected-fg: #9db8ff;
    --component-button-state-selected-border: #9db8ff;
    --component-input-bg: #060607;
    --component-input-border: #bababc;
    --component-input-border-hover: #bababc;
    --component-input-border-focus: #e1e9ff;
    --component-input-fg: #f1f2f3;
    --component-input-placeholder: #bababc;
    --component-input-label: #bababc;
    --component-input-help: #bababc;
    --component-input-error: #fb988f;
    --component-input-error-border: #fb988f;
    --component-input-disabled-bg: rgb(255 255 255 / 0.051);
    --component-input-disabled-fg: #757677;
    --component-input-bg-hover: #0b0b0c;
    --component-input-focus-ring: #e1e9ff;
    --component-input-focus-halo: rgb(104 139 243 / 0.302);
    --component-input-selection-bg: #182347;
    --component-input-error-icon: #fb988f;
    --component-input-disabled-border: #828385;
    --component-select-bg: #060607;
    --component-select-border: #bababc;
    --component-select-fg: #f1f2f3;
    --component-select-chevron: #bababc;
    --component-select-border-hover: #bababc;
    --component-select-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-select-focus-ring: #e1e9ff;
    --component-select-focus-halo: rgb(104 139 243 / 0.302);
    --component-select-placeholder: #bababc;
    --component-select-list-bg: #1b1b1c;
    --component-select-list-border: #828385;
    --component-select-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-select-option-fg: #f1f2f3;
    --component-select-option-hover: rgb(255 255 255 / 0.051);
    --component-select-option-pressed: rgb(255 255 255 / 0.0706);
    --component-select-option-selected-bg: #182347;
    --component-select-option-selected-fg: #f1f2f3;
    --component-select-option-check: #9db8ff;
    --component-select-disabled-bg: rgb(255 255 255 / 0.051);
    --component-select-disabled-fg: #757677;
    --component-select-disabled-border: #828385;
    --component-select-error-border: #fb988f;
    --component-select-error: #fb988f;
    --component-combobox-bg: #060607;
    --component-combobox-border: #bababc;
    --component-combobox-fg: #f1f2f3;
    --component-combobox-list-bg: #1b1b1c;
    --component-combobox-option-hover: rgb(255 255 255 / 0.051);
    --component-combobox-option-selected-bg: #182347;
    --component-combobox-match-bg: #121828;
    --component-combobox-match-fg: #f1f2f3;
    --component-combobox-border-hover: #bababc;
    --component-combobox-focus-ring: #e1e9ff;
    --component-combobox-focus-halo: rgb(104 139 243 / 0.302);
    --component-combobox-placeholder: #bababc;
    --component-combobox-list-border: #828385;
    --component-combobox-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-combobox-option-fg: #f1f2f3;
    --component-combobox-option-pressed: rgb(255 255 255 / 0.0706);
    --component-combobox-option-selected-fg: #f1f2f3;
    --component-combobox-option-check: #9db8ff;
    --component-combobox-disabled-bg: rgb(255 255 255 / 0.051);
    --component-combobox-disabled-fg: #757677;
    --component-combobox-disabled-border: #828385;
    --component-combobox-error-border: #fb988f;
    --component-combobox-error: #fb988f;
    --component-control-border: #bababc;
    --component-control-checked-bg: #9db8ff;
    --component-control-checked-fg: #0b0b0c;
    --component-control-track: rgb(255 255 255 / 0.0706);
    --component-control-thumb: #0b0b0c;
    --component-menu-bg: #1b1b1c;
    --component-menu-border: #828385;
    --component-menu-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-menu-fg: #f1f2f3;
    --component-menu-item-hover: rgb(255 255 255 / 0.051);
    --component-menu-item-checked-bg: #182347;
    --component-menu-check: #9db8ff;
    --component-menu-shortcut: #bababc;
    --component-menu-label: #bababc;
    --component-menu-danger: #fb988f;
    --component-menu-separator: #828385;
    --component-menu-rail: #9db8ff;
    --component-menu-item-pressed: rgb(255 255 255 / 0.0706);
    --component-menu-focus-ring: #e1e9ff;
    --component-menu-focus-halo: rgb(104 139 243 / 0.302);
    --component-menu-disabled-fg: #757677;
    --component-popover-bg: #1b1b1c;
    --component-popover-border: #828385;
    --component-popover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-popover-fg: #f1f2f3;
    --component-popover-fg-muted: #bababc;
    --component-tooltip-bg: #1b1b1c;
    --component-tooltip-fg: #f1f2f3;
    --component-tooltip-border: #828385;
    --component-tooltip-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-card-bg: #0b0b0c;
    --component-card-border: #828385;
    --component-card-fg: #f1f2f3;
    --component-card-fg-muted: #bababc;
    --component-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-card-drag-bg: #121313;
    --component-card-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-card-selected-bg: #182347;
    --component-card-selected-border: #9db8ff;
    --component-card-hover-border: #bababc;
    --component-card-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-card-focus-ring: #e1e9ff;
    --component-card-focus-halo: rgb(104 139 243 / 0.302);
    --component-card-disabled-fg: #757677;
    --component-modal-bg: #1b1b1c;
    --component-modal-border: #828385;
    --component-modal-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --component-modal-scrim: rgb(0 0 0 / 0.6392);
    --component-modal-title: #f1f2f3;
    --component-modal-fg: #bababc;
    --component-modal-close-fg: #bababc;
    --component-modal-close-hover: rgb(255 255 255 / 0.051);
    --component-modal-close-pressed: rgb(255 255 255 / 0.0706);
    --component-modal-focus-ring: #e1e9ff;
    --component-modal-focus-halo: rgb(104 139 243 / 0.302);
    --component-modal-divider: #828385;
    --component-sheet-bg: #1b1b1c;
    --component-sheet-border: #828385;
    --component-sheet-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --component-sheet-scrim: rgb(0 0 0 / 0.6392);
    --component-sheet-title: #f1f2f3;
    --component-sheet-fg: #bababc;
    --component-sheet-handle: #bababc;
    --component-sheet-close-fg: #bababc;
    --component-sheet-close-hover: rgb(255 255 255 / 0.051);
    --component-sheet-close-pressed: rgb(255 255 255 / 0.0706);
    --component-sheet-focus-ring: #e1e9ff;
    --component-sheet-focus-halo: rgb(104 139 243 / 0.302);
    --component-sheet-divider: #828385;
    --component-toast-bg: #1b1b1c;
    --component-toast-border: #828385;
    --component-toast-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-toast-title: #f1f2f3;
    --component-toast-fg: #bababc;
    --component-toast-drain: #9db8ff;
    --component-toast-icon-success: #72cf8e;
    --component-toast-icon-warning: #ffbb6f;
    --component-toast-icon-danger: #fb988f;
    --component-toast-icon-info: #9db8ff;
    --component-toast-action-fg: #9db8ff;
    --component-toast-close-fg: #bababc;
    --component-toast-close-hover: rgb(255 255 255 / 0.051);
    --component-toast-close-pressed: rgb(255 255 255 / 0.0706);
    --component-toast-focus-ring: #e1e9ff;
    --component-toast-focus-halo: rgb(104 139 243 / 0.302);
    --component-tabs-fg: #bababc;
    --component-tabs-fg-hover: #f1f2f3;
    --component-tabs-selected-fg: #f1f2f3;
    --component-tabs-indicator: #9db8ff;
    --component-tabs-border: #828385;
    --component-tabs-hover-bg: rgb(255 255 255 / 0.051);
    --component-tabs-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-tabs-focus-ring: #e1e9ff;
    --component-tabs-focus-halo: rgb(104 139 243 / 0.302);
    --component-tabs-disabled-fg: #757677;
    --component-tabs-panel-bg: #0b0b0c;
    --component-table-header-bg: #0b0b0c;
    --component-table-header-fg: #bababc;
    --component-table-row-bg: #0b0b0c;
    --component-table-zebra-bg: #0b0b0c;
    --component-table-fg: #f1f2f3;
    --component-table-gridline: #828385;
    --component-table-frozen-divider: #bababc;
    --component-table-row-hover: rgb(255 255 255 / 0.051);
    --component-table-selected-bg: #182347;
    --component-table-selected-fg: #f1f2f3;
    --component-table-selected-border: #9db8ff;
    --component-table-focus-ring: #e1e9ff;
    --component-table-header-selected-bg: #182347;
    --component-table-header-selected-fg: #9db8ff;
    --component-table-override-mark: #ffbb6f;
    --component-table-hatch: #bababc;
    --component-table-header-hover: rgb(255 255 255 / 0.051);
    --component-table-row-pressed: rgb(255 255 255 / 0.0706);
    --component-table-focus-halo: rgb(104 139 243 / 0.302);
    --component-table-disabled-fg: #757677;
    --component-table-invalid-mark: #fb988f;
    --component-table-invalid-fg: #fb988f;
    --component-chip-bg: rgb(255 255 255 / 0.051);
    --component-chip-border: #828385;
    --component-chip-fg: #bababc;
    --component-chip-selected-bg: #121828;
    --component-chip-selected-border: #9db8ff;
    --component-chip-selected-fg: #9db8ff;
    --component-chip-hover-bg: rgb(255 255 255 / 0.051);
    --component-chip-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-chip-focus-ring: #e1e9ff;
    --component-chip-focus-halo: rgb(104 139 243 / 0.302);
    --component-chip-remove-fg: #bababc;
    --component-chip-remove-hover: rgb(255 255 255 / 0.051);
    --component-chip-disabled-fg: #757677;
    --component-chip-disabled-border: #828385;
    --component-chip-invalid-border: #fb988f;
    --component-chip-invalid-fg: #fb988f;
    --component-badge-bg: rgb(255 255 255 / 0.0706);
    --component-badge-fg: #f1f2f3;
    --component-badge-success-bg: #111c14;
    --component-badge-success-border: #72cf8e;
    --component-badge-success-fg: #72cf8e;
    --component-badge-success-solid-bg: #72cf8e;
    --component-badge-success-solid-fg: #0b0b0c;
    --component-badge-warning-bg: #20170d;
    --component-badge-warning-border: #ffbb6f;
    --component-badge-warning-fg: #ffbb6f;
    --component-badge-warning-solid-bg: #ffbb6f;
    --component-badge-warning-solid-fg: #0b0b0c;
    --component-badge-danger-bg: #251311;
    --component-badge-danger-border: #fb988f;
    --component-badge-danger-fg: #fb988f;
    --component-badge-danger-solid-bg: #fb988f;
    --component-badge-danger-solid-fg: #0b0b0c;
    --component-badge-info-bg: #121828;
    --component-badge-info-border: #9db8ff;
    --component-badge-info-fg: #9db8ff;
    --component-badge-info-solid-bg: #9db8ff;
    --component-badge-info-solid-fg: #0b0b0c;
    --component-link-fg: #9db8ff;
    --component-link-fg-hover: #9db8ff;
    --component-link-underline: #9db8ff;
    --component-live-block-frame: #828385;
    --component-live-block-caption-bg: #0b0b0c;
    --component-live-block-caption-fg: #bababc;
    --component-live-block-live-dot: #72cf8e;
    --component-live-block-stale-dot: #9db8ff;
    --component-live-block-pulse: rgb(104 139 243 / 0.349);
    --component-presence-self: #9db8ff;
    --component-presence-label-bg: #f1f2f3;
    --component-presence-label-fg: #0b0b0c;
    --component-presence-cursor-1: #d68742;
    --component-presence-cursor-2: #72c8b8;
    --component-presence-cursor-3: #c283b3;
    --component-presence-cursor-4: #b3a48b;
    --component-presence-cursor-5: #a0b0e6;
    --component-presence-cursor-6: #f4b07a;
    --component-presence-cursor-7: #908d86;
    --component-comment-mark: #ffbb6f;
    --component-comment-bg: #20170d;
    --component-comment-fg: #f1f2f3;
    --component-comment-thread-bg: #121313;
    --component-comment-thread-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-comment-resolved: #bababc;
    --component-skeleton-bg: rgb(255 255 255 / 0.051);
    --component-skeleton-highlight: rgb(255 255 255 / 0.0706);
    --component-progress-track: rgb(255 255 255 / 0.0706);
    --component-progress-fill: #9db8ff;
    --component-progress-label-fg: #bababc;
    --component-progress-track-border: #bababc;
    --component-progress-fill-success: #72cf8e;
    --component-progress-fill-invalid: #fb988f;
    --component-progress-disabled-fill: #757677;
    --component-checkbox-box-bg: #0b0b0c;
    --component-checkbox-box-border: #bababc;
    --component-checkbox-box-border-hover: #bababc;
    --component-checkbox-hover-layer: rgb(255 255 255 / 0.051);
    --component-checkbox-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-checkbox-checked-bg: #9db8ff;
    --component-checkbox-checked-bg-hover: #e1e9ff;
    --component-checkbox-checked-fg: #0b0b0c;
    --component-checkbox-focus-ring: #e1e9ff;
    --component-checkbox-focus-halo: rgb(104 139 243 / 0.302);
    --component-checkbox-label-fg: #f1f2f3;
    --component-checkbox-help-fg: #bababc;
    --component-checkbox-disabled-bg: rgb(255 255 255 / 0.051);
    --component-checkbox-disabled-border: #828385;
    --component-checkbox-disabled-fg: #757677;
    --component-checkbox-invalid-border: #fb988f;
    --component-checkbox-invalid-fg: #fb988f;
    --component-radio-bg: #0b0b0c;
    --component-radio-border: #bababc;
    --component-radio-border-hover: #bababc;
    --component-radio-hover-layer: rgb(255 255 255 / 0.051);
    --component-radio-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-radio-checked-border: #9db8ff;
    --component-radio-dot: #9db8ff;
    --component-radio-dot-hover: #e1e9ff;
    --component-radio-focus-ring: #e1e9ff;
    --component-radio-focus-halo: rgb(104 139 243 / 0.302);
    --component-radio-label-fg: #f1f2f3;
    --component-radio-help-fg: #bababc;
    --component-radio-disabled-bg: rgb(255 255 255 / 0.051);
    --component-radio-disabled-border: #828385;
    --component-radio-disabled-fg: #757677;
    --component-radio-invalid-border: #fb988f;
    --component-radio-invalid-fg: #fb988f;
    --component-switch-track-off: #060607;
    --component-switch-track-off-border: #bababc;
    --component-switch-thumb-off: #bababc;
    --component-switch-track-on: #9db8ff;
    --component-switch-track-on-hover: #e1e9ff;
    --component-switch-thumb-on: #0b0b0c;
    --component-switch-hover-layer: rgb(255 255 255 / 0.051);
    --component-switch-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-switch-focus-ring: #e1e9ff;
    --component-switch-focus-halo: rgb(104 139 243 / 0.302);
    --component-switch-label-fg: #f1f2f3;
    --component-switch-disabled-track: rgb(255 255 255 / 0.051);
    --component-switch-disabled-border: #828385;
    --component-switch-disabled-thumb: #757677;
    --component-switch-disabled-fg: #757677;
    --component-switch-invalid-border: #fb988f;
    --component-slider-track: #bababc;
    --component-slider-fill: #9db8ff;
    --component-slider-thumb-bg: #0b0b0c;
    --component-slider-thumb-border: #9db8ff;
    --component-slider-hover-layer: rgb(255 255 255 / 0.051);
    --component-slider-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-slider-focus-ring: #e1e9ff;
    --component-slider-focus-halo: rgb(104 139 243 / 0.302);
    --component-slider-tick: #bababc;
    --component-slider-value-fg: #f1f2f3;
    --component-slider-label-fg: #bababc;
    --component-slider-disabled-track: #828385;
    --component-slider-disabled-fill: #757677;
    --component-slider-disabled-thumb: #757677;
    --component-slider-invalid-fill: #fb988f;
    --component-date-field-bg: #0b0b0c;
    --component-date-field-border: #bababc;
    --component-date-field-border-hover: #bababc;
    --component-date-field-border-focus: #e1e9ff;
    --component-date-field-fg: #f1f2f3;
    --component-date-field-placeholder: #bababc;
    --component-date-field-icon: #bababc;
    --component-date-field-segment-focus-bg: #121828;
    --component-date-field-segment-focus-fg: #9db8ff;
    --component-date-field-focus-ring: #e1e9ff;
    --component-date-field-focus-halo: rgb(104 139 243 / 0.302);
    --component-date-field-popup-bg: #1b1b1c;
    --component-date-field-popup-border: #828385;
    --component-date-field-popup-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-date-field-weekday-fg: #bababc;
    --component-date-field-day-fg: #f1f2f3;
    --component-date-field-day-hover: rgb(255 255 255 / 0.051);
    --component-date-field-day-pressed: rgb(255 255 255 / 0.0706);
    --component-date-field-day-outside-fg: #bababc;
    --component-date-field-day-today-border: #9db8ff;
    --component-date-field-day-selected-bg: #9db8ff;
    --component-date-field-day-selected-fg: #0b0b0c;
    --component-date-field-day-range-bg: #182347;
    --component-date-field-day-disabled-fg: #757677;
    --component-date-field-disabled-bg: rgb(255 255 255 / 0.051);
    --component-date-field-disabled-fg: #757677;
    --component-date-field-disabled-border: #828385;
    --component-date-field-error-border: #fb988f;
    --component-date-field-error: #fb988f;
    --component-segmented-bg: #060607;
    --component-segmented-border: #828385;
    --component-segmented-fg: #bababc;
    --component-segmented-fg-hover: #f1f2f3;
    --component-segmented-hover-bg: rgb(255 255 255 / 0.051);
    --component-segmented-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-segmented-selected-bg: #0b0b0c;
    --component-segmented-selected-fg: #f1f2f3;
    --component-segmented-selected-border: #bababc;
    --component-segmented-selected-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-segmented-focus-ring: #e1e9ff;
    --component-segmented-focus-halo: rgb(104 139 243 / 0.302);
    --component-segmented-divider: #828385;
    --component-segmented-disabled-fg: #757677;
    --component-breadcrumbs-fg: #bababc;
    --component-breadcrumbs-fg-hover: #f1f2f3;
    --component-breadcrumbs-hover-bg: rgb(255 255 255 / 0.051);
    --component-breadcrumbs-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-breadcrumbs-current-fg: #f1f2f3;
    --component-breadcrumbs-separator: #bababc;
    --component-breadcrumbs-focus-ring: #e1e9ff;
    --component-breadcrumbs-focus-halo: rgb(104 139 243 / 0.302);
    --component-breadcrumbs-disabled-fg: #757677;
    --component-breadcrumbs-overflow-fg: #bababc;
    --component-pagination-fg: #bababc;
    --component-pagination-fg-hover: #f1f2f3;
    --component-pagination-hover-bg: rgb(255 255 255 / 0.051);
    --component-pagination-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-pagination-border: #828385;
    --component-pagination-selected-bg: #121828;
    --component-pagination-selected-fg: #9db8ff;
    --component-pagination-selected-border: #9db8ff;
    --component-pagination-focus-ring: #e1e9ff;
    --component-pagination-focus-halo: rgb(104 139 243 / 0.302);
    --component-pagination-ellipsis-fg: #bababc;
    --component-pagination-label-fg: #bababc;
    --component-pagination-disabled-fg: #757677;
    --component-spinner-track: #828385;
    --component-spinner-arc: #9db8ff;
    --component-spinner-arc-on-accent: #0b0b0c;
    --component-spinner-arc-on-inverse: #0b0b0c;
    --component-spinner-arc-muted: #bababc;
    --component-spinner-label-fg: #bababc;
    --component-avatar-bg: #1b1b1c;
    --component-avatar-fg: #f1f2f3;
    --component-avatar-ring: #0b0b0c;
    --component-avatar-hover-ring: #bababc;
    --component-avatar-selected-ring: #9db8ff;
    --component-avatar-focus-ring: #e1e9ff;
    --component-avatar-focus-halo: rgb(104 139 243 / 0.302);
    --component-avatar-presence-available: #72cf8e;
    --component-avatar-presence-busy: #fb988f;
    --component-avatar-presence-away: #ffbb6f;
    --component-avatar-presence-offline: #bababc;
    --component-avatar-presence-ring: #0b0b0c;
    --component-avatar-overflow-bg: #060607;
    --component-avatar-overflow-fg: #bababc;
    --component-avatar-disabled-fg: #757677;
    --component-empty-state-bg: #0b0b0c;
    --component-empty-state-icon: #bababc;
    --component-empty-state-title-fg: #f1f2f3;
    --component-empty-state-fg: #bababc;
    --component-empty-state-border: #bababc;
    --component-empty-state-drop-hover-bg: #121828;
    --component-empty-state-drop-hover-border: #9db8ff;
    --component-empty-state-drop-hover-fg: #f1f2f3;
    --component-empty-state-focus-ring: #e1e9ff;
    --component-empty-state-focus-halo: rgb(104 139 243 / 0.302);
    --component-empty-state-disabled-fg: #757677;
    --component-empty-state-invalid-border: #fb988f;
    --component-empty-state-invalid-fg: #fb988f;
    --component-banner-bg: #0b0b0c;
    --component-banner-border: #828385;
    --component-banner-fg: #f1f2f3;
    --component-banner-fg-muted: #bababc;
    --component-banner-icon: #bababc;
    --component-banner-info-bg: #121828;
    --component-banner-info-border: #9db8ff;
    --component-banner-info-icon: #9db8ff;
    --component-banner-info-title: #9db8ff;
    --component-banner-info-fg: #f1f2f3;
    --component-banner-success-bg: #111c14;
    --component-banner-success-border: #72cf8e;
    --component-banner-success-icon: #72cf8e;
    --component-banner-success-title: #72cf8e;
    --component-banner-success-fg: #f1f2f3;
    --component-banner-warning-bg: #20170d;
    --component-banner-warning-border: #ffbb6f;
    --component-banner-warning-icon: #ffbb6f;
    --component-banner-warning-title: #ffbb6f;
    --component-banner-warning-fg: #f1f2f3;
    --component-banner-danger-bg: #251311;
    --component-banner-danger-border: #fb988f;
    --component-banner-danger-icon: #fb988f;
    --component-banner-danger-title: #fb988f;
    --component-banner-danger-fg: #f1f2f3;
    --component-banner-action-fg: #9db8ff;
    --component-banner-close-fg: #bababc;
    --component-banner-close-hover: rgb(255 255 255 / 0.051);
    --component-banner-close-pressed: rgb(255 255 255 / 0.0706);
    --component-banner-focus-ring: #e1e9ff;
    --component-banner-focus-halo: rgb(104 139 243 / 0.302);
    --component-inbox-list-bg: #0b0b0c;
    --component-inbox-list-row-hover: rgb(255 255 255 / 0.051);
    --component-inbox-list-row-active: rgb(255 255 255 / 0.0706);
    --component-inbox-list-divider: #828385;
    --component-inbox-list-fg: #f1f2f3;
    --component-inbox-list-fg-muted: #bababc;
    --component-inbox-list-meta: #bababc;
    --component-inbox-list-unread-fg: #f1f2f3;
    --component-inbox-list-unread-dot: #9db8ff;
    --component-inbox-list-thread-count-bg: rgb(255 255 255 / 0.051);
    --component-inbox-list-thread-count-fg: #bababc;
    --component-inbox-list-thread-line: #828385;
    --component-inbox-list-flag: #fb988f;
    --component-inbox-list-pinned: #9db8ff;
    --component-inbox-list-selected-bg: #182347;
    --component-inbox-list-selected-fg: #f1f2f3;
    --component-inbox-list-selected-rail: #9db8ff;
    --component-inbox-list-focus-ring: #e1e9ff;
    --component-inbox-list-group-header-bg: #0b0b0c;
    --component-inbox-list-group-header-fg: #bababc;
    --component-reader-bg: #0b0b0c;
    --component-reader-fg: #f1f2f3;
    --component-reader-subject-fg: #f1f2f3;
    --component-reader-meta: #bababc;
    --component-reader-divider: #828385;
    --component-reader-collapsed-bg: #0b0b0c;
    --component-reader-collapsed-fg: #bababc;
    --component-reader-quote-bar: #bababc;
    --component-reader-quote-fg: #bababc;
    --component-reader-attachment-bg: #0b0b0c;
    --component-reader-attachment-border: #828385;
    --component-reader-attachment-fg: #f1f2f3;
    --component-reader-banner-external-bg: #20170d;
    --component-reader-banner-external-border: #ffbb6f;
    --component-reader-banner-external-fg: #f1f2f3;
    --component-reader-banner-remote-bg: #121828;
    --component-reader-banner-remote-border: #9db8ff;
    --component-reader-banner-remote-fg: #f1f2f3;
    --component-reader-focus-ring: #e1e9ff;
    --component-composer-bg: #0b0b0c;
    --component-composer-fg: #f1f2f3;
    --component-composer-placeholder: #bababc;
    --component-composer-field-label: #bababc;
    --component-composer-field-divider: #828385;
    --component-composer-toolbar-bg: #0b0b0c;
    --component-composer-toolbar-fg: #bababc;
    --component-composer-recipient-bg: rgb(255 255 255 / 0.051);
    --component-composer-recipient-fg: #f1f2f3;
    --component-composer-recipient-external-bg: #20170d;
    --component-composer-recipient-external-border: #ffbb6f;
    --component-composer-recipient-external-fg: #ffbb6f;
    --component-composer-disclosure-bg: #20170d;
    --component-composer-disclosure-border: #ffbb6f;
    --component-composer-disclosure-fg: #f1f2f3;
    --component-composer-proposal-bg: #121828;
    --component-composer-proposal-border: #9db8ff;
    --component-composer-proposal-rail: #9db8ff;
    --component-composer-proposal-fg: #f1f2f3;
    --component-composer-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --component-composer-focus-ring: #e1e9ff;
    --component-calendar-bg: #0b0b0c;
    --component-calendar-gridline: #828385;
    --component-calendar-gridline-hour: #828385;
    --component-calendar-header-bg: #0b0b0c;
    --component-calendar-header-fg: #bababc;
    --component-calendar-time-fg: #bababc;
    --component-calendar-weekend-bg: #0b0b0c;
    --component-calendar-outside-month-fg: #bababc;
    --component-calendar-today-bg: #121828;
    --component-calendar-today-fg: #9db8ff;
    --component-calendar-today-marker: #9db8ff;
    --component-calendar-today-marker-fg: #0b0b0c;
    --component-calendar-now-line: #fb988f;
    --component-calendar-slot-hover: rgb(255 255 255 / 0.051);
    --component-calendar-selected-bg: #182347;
    --component-calendar-selected-border: #9db8ff;
    --component-calendar-focus-ring: #e1e9ff;
    --component-calendar-event-bg: #121313;
    --component-calendar-event-border: #828385;
    --component-calendar-event-fg: #f1f2f3;
    --component-calendar-event-fg-muted: #bababc;
    --component-calendar-event-tentative-hatch: #bababc;
    --component-calendar-event-declined-fg: #bababc;
    --component-calendar-event-selected-bg: #182347;
    --component-calendar-event-selected-border: #9db8ff;
    --component-calendar-event-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-calendar-event-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
    --component-calendar-event-rail-1: #6194fb;
    --component-calendar-event-rail-2: #d68742;
    --component-calendar-event-rail-3: #72c8b8;
    --component-calendar-event-rail-4: #c283b3;
    --component-calendar-event-rail-5: #b3a48b;
    --component-calendar-event-rail-6: #a0b0e6;
    --component-calendar-event-rail-7: #f4b07a;
    --component-calendar-event-rail-8: #908d86;
    --component-contact-card-bg: #0b0b0c;
    --component-contact-card-border: #828385;
    --component-contact-card-name-fg: #f1f2f3;
    --component-contact-card-fg: #f1f2f3;
    --component-contact-card-fg-muted: #bababc;
    --component-contact-card-field-label: #bababc;
    --component-contact-card-divider: #828385;
    --component-contact-card-avatar-bg: #121828;
    --component-contact-card-avatar-fg: #9db8ff;
    --component-contact-card-presence-available: #72cf8e;
    --component-contact-card-presence-busy: #fb988f;
    --component-contact-card-presence-away: #ffbb6f;
    --component-contact-card-presence-offline: #bababc;
    --component-contact-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-contact-card-focus-ring: #e1e9ff;
    --component-grid-bg: #0b0b0c;
    --component-grid-fg: #f1f2f3;
    --component-grid-fg-muted: #bababc;
    --component-grid-gridline: #828385;
    --component-grid-header-bg: #0b0b0c;
    --component-grid-header-fg: #bababc;
    --component-grid-header-border: #828385;
    --component-grid-header-hover: rgb(255 255 255 / 0.051);
    --component-grid-header-selected-bg: #182347;
    --component-grid-header-selected-fg: #9db8ff;
    --component-grid-header-selected-indicator: #9db8ff;
    --component-grid-frozen-bg: #0b0b0c;
    --component-grid-frozen-divider: #bababc;
    --component-grid-selection-bg: #182347;
    --component-grid-selection-fg: #f1f2f3;
    --component-grid-selection-border: #9db8ff;
    --component-grid-focus-ring: #e1e9ff;
    --component-grid-focus-halo: rgb(104 139 243 / 0.302);
    --component-grid-fill-handle: #9db8ff;
    --component-grid-fill-handle-border: #0b0b0c;
    --component-grid-copy-marquee: #9db8ff;
    --component-grid-edit-bg: #121313;
    --component-grid-edit-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-grid-drop-target: #9db8ff;
    --component-grid-spill-border: #bababc;
    --component-grid-error-fg: #fb988f;
    --component-grid-error-mark: #fb988f;
    --component-grid-comment-mark: #ffbb6f;
    --component-grid-override-mark: #ffbb6f;
    --component-grid-hatch: #bababc;
    --component-grid-table-header-bg: #060607;
    --component-grid-table-header-fg: #f1f2f3;
    --component-grid-table-band-bg: #0b0b0c;
    --component-grid-ref-1: #6194fb;
    --component-grid-ref-2: #d68742;
    --component-grid-ref-3: #72c8b8;
    --component-grid-ref-4: #c283b3;
    --component-grid-ref-5: #b3a48b;
    --component-grid-ref-6: #a0b0e6;
    --component-grid-ref-7: #f4b07a;
    --component-grid-ref-8: #908d86;
    --component-formula-bar-bg: #0b0b0c;
    --component-formula-bar-border: #828385;
    --component-formula-bar-divider: #828385;
    --component-formula-bar-name-box-bg: #0b0b0c;
    --component-formula-bar-name-box-fg: #f1f2f3;
    --component-formula-bar-name-box-border: #bababc;
    --component-formula-bar-fx-fg: #bababc;
    --component-formula-bar-input-fg: #f1f2f3;
    --component-formula-bar-placeholder: #bababc;
    --component-formula-bar-focus-ring: #e1e9ff;
    --component-formula-bar-syntax-function: #9db8ff;
    --component-formula-bar-syntax-string: #72cf8e;
    --component-formula-bar-syntax-number: #f1f2f3;
    --component-formula-bar-syntax-operator: #bababc;
    --component-formula-bar-syntax-error: #fb988f;
    --component-formula-bar-hint-fg: #bababc;
    --component-formula-bar-hint-active-fg: #f1f2f3;
    --component-formula-bar-ref-1: #6194fb;
    --component-formula-bar-ref-2: #d68742;
    --component-formula-bar-ref-3: #72c8b8;
    --component-formula-bar-ref-4: #c283b3;
    --component-formula-bar-ref-5: #b3a48b;
    --component-formula-bar-ref-6: #a0b0e6;
    --component-formula-bar-ref-7: #f4b07a;
    --component-formula-bar-ref-8: #908d86;
    --component-sheet-tabs-bar-bg: #0b0b0c;
    --component-sheet-tabs-bar-border: #828385;
    --component-sheet-tabs-fg: #bababc;
    --component-sheet-tabs-hover-bg: rgb(255 255 255 / 0.051);
    --component-sheet-tabs-fg-hover: #f1f2f3;
    --component-sheet-tabs-active-bg: #0b0b0c;
    --component-sheet-tabs-active-fg: #f1f2f3;
    --component-sheet-tabs-active-border: #828385;
    --component-sheet-tabs-indicator: #9db8ff;
    --component-sheet-tabs-focus-ring: #e1e9ff;
    --component-sheet-tabs-add-fg: #bababc;
    --component-sheet-tabs-rail-1: #6194fb;
    --component-sheet-tabs-rail-2: #d68742;
    --component-sheet-tabs-rail-3: #72c8b8;
    --component-sheet-tabs-rail-4: #c283b3;
    --component-sheet-tabs-rail-5: #b3a48b;
    --component-sheet-tabs-rail-6: #a0b0e6;
    --component-sheet-tabs-rail-7: #f4b07a;
    --component-sheet-tabs-rail-8: #908d86;
    --component-chart-bg: #0b0b0c;
    --component-chart-title-fg: #f1f2f3;
    --component-chart-subtitle-fg: #bababc;
    --component-chart-gridline: #828385;
    --component-chart-axis: #bababc;
    --component-chart-label: #bababc;
    --component-chart-legend-fg: #bababc;
    --component-chart-target-line: #bababc;
    --component-chart-annotation-fg: #f1f2f3;
    --component-chart-selected-border: #9db8ff;
    --component-chart-focus-ring: #e1e9ff;
    --component-chart-plot-hover: rgb(255 255 255 / 0.051);
    --component-chart-editor-bg: #121313;
    --component-chart-editor-border: #828385;
    --component-chart-editor-section-fg: #bababc;
    --component-chart-editor-swatch-border: #828385;
    --component-chart-series-1: #6194fb;
    --component-chart-series-2: #d68742;
    --component-chart-series-3: #72c8b8;
    --component-chart-series-4: #c283b3;
    --component-chart-series-5: #b3a48b;
    --component-chart-series-6: #a0b0e6;
    --component-chart-series-7: #f4b07a;
    --component-chart-series-8: #908d86;
    --component-kpi-tile-bg: #0b0b0c;
    --component-kpi-tile-border: #828385;
    --component-kpi-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-kpi-tile-label-fg: #bababc;
    --component-kpi-tile-value-fg: #f1f2f3;
    --component-kpi-tile-meta-fg: #bababc;
    --component-kpi-tile-delta-up-fg: #72cf8e;
    --component-kpi-tile-delta-down-fg: #fb988f;
    --component-kpi-tile-delta-flat-fg: #bababc;
    --component-kpi-tile-delta-up-bg: #111c14;
    --component-kpi-tile-delta-down-bg: #251311;
    --component-kpi-tile-sparkline: #6194fb;
    --component-kpi-tile-target: #bababc;
    --component-kpi-tile-focus-ring: #e1e9ff;
    --component-dashboard-canvas-bg: #0b0b0c;
    --component-dashboard-canvas-grid: #828385;
    --component-dashboard-tile-bg: #0b0b0c;
    --component-dashboard-tile-border: #828385;
    --component-dashboard-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-dashboard-tile-hover-border: #bababc;
    --component-dashboard-tile-selected-border: #9db8ff;
    --component-dashboard-tile-focus-ring: #e1e9ff;
    --component-dashboard-tile-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
    --component-dashboard-title-fg: #f1f2f3;
    --component-dashboard-meta-fg: #bababc;
    --component-dashboard-stale-fg: #ffbb6f;
    --component-dashboard-guide: #9db8ff;
    --component-dashboard-handle-bg: #0b0b0c;
    --component-dashboard-handle-border: #9db8ff;
    --component-dashboard-filter-bar-bg: #0b0b0c;
    --component-dashboard-filter-bar-border: #828385;
    --component-dashboard-empty-fg: #bababc;
    --component-dashboard-empty-border: #828385;
    --component-slicer-bg: #0b0b0c;
    --component-slicer-fg: #f1f2f3;
    --component-slicer-border: #bababc;
    --component-slicer-hover-bg: rgb(255 255 255 / 0.051);
    --component-slicer-selected-bg: #121828;
    --component-slicer-selected-fg: #9db8ff;
    --component-slicer-selected-border: #9db8ff;
    --component-slicer-focus-ring: #e1e9ff;
    --component-slicer-label-fg: #bababc;
    --component-slicer-count-bg: #9db8ff;
    --component-slicer-count-fg: #0b0b0c;
    --component-slicer-clear-fg: #bababc;
    --component-slicer-disabled-fg: #757677;
    --component-field-list-bg: #0b0b0c;
    --component-field-list-fg: #f1f2f3;
    --component-field-list-fg-muted: #bababc;
    --component-field-list-section-fg: #bababc;
    --component-field-list-icon-fg: #bababc;
    --component-field-list-measure-fg: #9db8ff;
    --component-field-list-item-hover: rgb(255 255 255 / 0.051);
    --component-field-list-item-selected-bg: #182347;
    --component-field-list-item-selected-rail: #9db8ff;
    --component-field-list-focus-ring: #e1e9ff;
    --component-field-list-well-bg: #0b0b0c;
    --component-field-list-well-border: #bababc;
    --component-field-list-drop-target: #9db8ff;
    --component-field-list-well-item-bg: #121313;
    --component-field-list-well-item-border: #828385;
    --component-field-list-model-canvas-bg: #060607;
    --component-field-list-model-table-bg: #121313;
    --component-field-list-model-table-header-bg: #0b0b0c;
    --component-field-list-model-table-border: #828385;
    --component-field-list-model-table-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-field-list-relationship: #bababc;
    --component-field-list-relationship-selected: #9db8ff;
    --component-list-view-bg: #0b0b0c;
    --component-list-view-fg: #f1f2f3;
    --component-list-view-fg-muted: #bababc;
    --component-list-view-icon-fg: #bababc;
    --component-list-view-disabled-fg: #757677;
    --component-list-view-divider: #828385;
    --component-list-view-row-hover: rgb(255 255 255 / 0.051);
    --component-list-view-selected-bg: #182347;
    --component-list-view-selected-fg: #f1f2f3;
    --component-list-view-selected-rail: #9db8ff;
    --component-list-view-focus-ring: #e1e9ff;
    --component-list-view-focus-halo: rgb(104 139 243 / 0.302);
    --component-list-view-tree-guide: #828385;
    --component-list-view-twisty-fg: #bababc;
    --component-list-view-drop-target: #9db8ff;
    --component-canvas-bg: #060607;
    --component-canvas-board-bg: #0b0b0c;
    --component-canvas-page-bg: #0b0b0c;
    --component-canvas-board-grid: #828385;
    --component-canvas-object-hover-border: #bababc;
    --component-canvas-selected-border: #9db8ff;
    --component-canvas-handle-bg: #0b0b0c;
    --component-canvas-handle-border: #9db8ff;
    --component-canvas-marquee-bg: #182347;
    --component-canvas-marquee-border: #9db8ff;
    --component-canvas-connector: #bababc;
    --component-canvas-connector-selected: #9db8ff;
    --component-canvas-guide: #9db8ff;
    --component-canvas-focus-ring: #e1e9ff;
    --component-canvas-focus-halo: rgb(104 139 243 / 0.302);
    --v1-color-bg: #0b0b0c;
    --v1-color-surface: #0b0b0c;
    --v1-color-surface-2: #060607;
    --v1-color-surface-3: #1b1b1c;
    --v1-color-line: #828385;
    --v1-color-line-strong: #bababc;
    --v1-color-control-border: #bababc;
    --v1-color-ink: #f1f2f3;
    --v1-color-ink-2: #bababc;
    --v1-color-ink-3: #bababc;
    --v1-color-ink-disabled: #757677;
    --v1-color-accent: #9db8ff;
    --v1-color-accent-text: #9db8ff;
    --v1-color-accent-fill: #9db8ff;
    --v1-color-accent-fill-hover: #e1e9ff;
    --v1-color-on-accent: #0b0b0c;
    --v1-color-accent-soft: #121828;
    --v1-color-focus: #e1e9ff;
    --v1-color-ok: #72cf8e;
    --v1-color-ok-text: #72cf8e;
    --v1-color-ok-soft: #111c14;
    --v1-color-warning: #ffbb6f;
    --v1-color-warning-text: #ffbb6f;
    --v1-color-warning-soft: #20170d;
    --v1-color-danger: #fb988f;
    --v1-color-danger-text: #fb988f;
    --v1-color-danger-soft: #251311;
    --v1-color-on-danger: #0b0b0c;
    --v1-color-info: #9db8ff;
    --v1-color-info-text: #9db8ff;
    --v1-color-info-soft: #121828;
    --v1-color-scrim: rgb(0 0 0 / 0.6392);
    --v1-color-comment: #ffbb6f;
    --v1-grid-gridline: #828385;
    --v1-grid-header: #0b0b0c;
    --v1-grid-header-selected: #182347;
    --v1-grid-header-text: #bababc;
    --v1-grid-selection-fill: #182347;
    --v1-grid-selection-border: #9db8ff;
    --v1-grid-frozen-divider: #bababc;
    --v1-grid-override: #ffbb6f;
    --v1-grid-hatch: #bababc;
    --v1-live-block-frame: #828385;
    --v1-live-block-caption: #0b0b0c;
    --v1-live-block-caption-text: #bababc;
    --v1-live-block-live: #72cf8e;
    --v1-elevation-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --v1-elevation-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --v1-elevation-dark-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --v1-elevation-dark-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  }
}

@media (prefers-contrast: more) {
  :root[data-theme="dark"] {
    --color-bg-canvas: #0b0b0c;
    --color-bg-sunken: #060607;
    --color-bg-surface: #0b0b0c;
    --color-bg-raised: #121313;
    --color-bg-overlay: #1b1b1c;
    --color-bg-inverse: #f1f2f3;
    --color-bg-inverse-hover: #dadbdc;
    --color-bg-hover: #1b1b1c;
    --color-bg-active: #222324;
    --color-bg-selected: #182347;
    --color-fg-default: #f1f2f3;
    --color-fg-muted: #bababc;
    --color-fg-subtle: #bababc;
    --color-fg-disabled: #757677;
    --color-fg-on-accent: #0b0b0c;
    --color-fg-inverse: #0b0b0c;
    --color-border-subtle: #828385;
    --color-border-default: #828385;
    --color-border-strong: #bababc;
    --color-border-control: #bababc;
    --color-accent-solid: #9db8ff;
    --color-accent-solid-hover: #e1e9ff;
    --color-accent-fg: #9db8ff;
    --color-accent-bg: #121828;
    --color-accent-bg-hover: #182347;
    --color-accent-border: #9db8ff;
    --color-accent-indicator: #9db8ff;
    --color-accent-pulse: rgb(104 139 243 / 0.349);
    --color-focus-ring: #e1e9ff;
    --color-focus-halo: rgb(104 139 243 / 0.302);
    --color-selection-bg: #182347;
    --color-selection-fg: #f1f2f3;
    --color-selection-border: #9db8ff;
    --color-state-hover: rgb(255 255 255 / 0.051);
    --color-state-active: rgb(255 255 255 / 0.0706);
    --color-scrim: rgb(0 0 0 / 0.6392);
    --color-success-bg: #111c14;
    --color-success-border: #72cf8e;
    --color-success-solid: #72cf8e;
    --color-success-solid-hover: #d0f2d8;
    --color-success-fg: #72cf8e;
    --color-success-on-solid: #0b0b0c;
    --color-warning-bg: #20170d;
    --color-warning-border: #ffbb6f;
    --color-warning-solid: #ffbb6f;
    --color-warning-solid-hover: #ffe7cd;
    --color-warning-fg: #ffbb6f;
    --color-warning-on-solid: #0b0b0c;
    --color-danger-bg: #251311;
    --color-danger-border: #fb988f;
    --color-danger-solid: #fb988f;
    --color-danger-solid-hover: #ffe2de;
    --color-danger-fg: #fb988f;
    --color-danger-on-solid: #0b0b0c;
    --color-info-bg: #121828;
    --color-info-border: #9db8ff;
    --color-info-solid: #9db8ff;
    --color-info-solid-hover: #e1e9ff;
    --color-info-fg: #9db8ff;
    --color-info-on-solid: #0b0b0c;
    --color-category-red: #ffa0a2;
    --color-category-orange: #ffa55a;
    --color-category-peach: #e9b129;
    --color-category-yellow: #c4bf0a;
    --color-category-green: #3bd606;
    --color-category-teal: #69ccb0;
    --color-category-olive: #abc199;
    --color-category-blue: #97bbfe;
    --color-category-purple: #c7adff;
    --color-category-maroon: #efa4c8;
    --color-category-steel: #c0b5d4;
    --color-category-dark-steel: #7686a4;
    --color-category-gray: #cfcfcc;
    --color-category-dark-gray: #a6a6a3;
    --color-category-black: #858583;
    --color-category-dark-red: #ff2e38;
    --color-category-dark-orange: #dd5e02;
    --color-category-dark-peach: #b37a05;
    --color-category-dark-yellow: #989402;
    --color-category-dark-green: #1b9b02;
    --color-category-dark-teal: #079772;
    --color-category-dark-olive: #86aa71;
    --color-category-dark-blue: #3181fe;
    --color-category-dark-purple: #9468ff;
    --color-category-dark-maroon: #d65798;
    --elevation-raised: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-overlay: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --elevation-lift: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
    --elevation-level-0-bg: #0b0b0c;
    --elevation-level-0-highlight: rgb(255 255 255 / 0);
    --elevation-level-1-bg: #0b0b0c;
    --elevation-level-1-highlight: rgb(255 255 255 / 0);
    --elevation-level-2-bg: #121313;
    --elevation-level-2-highlight: rgb(255 255 255 / 0.0392);
    --elevation-level-2-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-level-3-bg: #1b1b1c;
    --elevation-level-3-highlight: rgb(255 255 255 / 0.0588);
    --elevation-level-3-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --elevation-level-3-shadow-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --dataviz-categorical-1: #6194fb;
    --dataviz-categorical-2: #d68742;
    --dataviz-categorical-3: #72c8b8;
    --dataviz-categorical-4: #c283b3;
    --dataviz-categorical-5: #b3a48b;
    --dataviz-categorical-6: #a0b0e6;
    --dataviz-categorical-7: #f4b07a;
    --dataviz-categorical-8: #908d86;
    --dataviz-sequential-1: #142341;
    --dataviz-sequential-2: #1b3363;
    --dataviz-sequential-3: #26468a;
    --dataviz-sequential-4: #305bb4;
    --dataviz-sequential-5: #3f71da;
    --dataviz-sequential-6: #568af6;
    --dataviz-sequential-7: #82adff;
    --dataviz-sequential-8: #b9d2ff;
    --dataviz-diverging-1: #9cbeff;
    --dataviz-diverging-2: #5688ec;
    --dataviz-diverging-3: #2d4f94;
    --dataviz-diverging-4: #3a3a3a;
    --dataviz-diverging-5: #7b461e;
    --dataviz-diverging-6: #cf752d;
    --dataviz-diverging-7: #f4b082;
    --dataviz-gridline: #828385;
    --dataviz-axis: #bababc;
    --dataviz-label: #bababc;
    --component-button-primary-bg: #f1f2f3;
    --component-button-primary-bg-hover: #dadbdc;
    --component-button-primary-fg: #0b0b0c;
    --component-button-secondary-bg: #0b0b0c;
    --component-button-secondary-bg-hover: rgb(255 255 255 / 0.051);
    --component-button-secondary-border: #bababc;
    --component-button-secondary-fg: #f1f2f3;
    --component-button-accent-bg: #9db8ff;
    --component-button-accent-bg-hover: #e1e9ff;
    --component-button-accent-fg: #0b0b0c;
    --component-button-ghost-bg-hover: rgb(255 255 255 / 0.051);
    --component-button-ghost-fg: #f1f2f3;
    --component-button-ghost-fg-muted: #bababc;
    --component-button-danger-bg: #fb988f;
    --component-button-danger-bg-hover: #ffe2de;
    --component-button-danger-fg: #0b0b0c;
    --component-button-danger-subtle-bg: #251311;
    --component-button-danger-subtle-bg-hover: rgb(255 255 255 / 0.051);
    --component-button-danger-subtle-border: #fb988f;
    --component-button-danger-subtle-fg: #fb988f;
    --component-button-state-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-button-state-disabled-bg: rgb(255 255 255 / 0.051);
    --component-button-state-disabled-fg: #757677;
    --component-button-state-focus-ring: #e1e9ff;
    --component-button-state-focus-halo: rgb(104 139 243 / 0.302);
    --component-button-state-selected-bg: #182347;
    --component-button-state-selected-fg: #9db8ff;
    --component-button-state-selected-border: #9db8ff;
    --component-input-bg: #060607;
    --component-input-border: #bababc;
    --component-input-border-hover: #bababc;
    --component-input-border-focus: #e1e9ff;
    --component-input-fg: #f1f2f3;
    --component-input-placeholder: #bababc;
    --component-input-label: #bababc;
    --component-input-help: #bababc;
    --component-input-error: #fb988f;
    --component-input-error-border: #fb988f;
    --component-input-disabled-bg: rgb(255 255 255 / 0.051);
    --component-input-disabled-fg: #757677;
    --component-input-bg-hover: #0b0b0c;
    --component-input-focus-ring: #e1e9ff;
    --component-input-focus-halo: rgb(104 139 243 / 0.302);
    --component-input-selection-bg: #182347;
    --component-input-error-icon: #fb988f;
    --component-input-disabled-border: #828385;
    --component-select-bg: #060607;
    --component-select-border: #bababc;
    --component-select-fg: #f1f2f3;
    --component-select-chevron: #bababc;
    --component-select-border-hover: #bababc;
    --component-select-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-select-focus-ring: #e1e9ff;
    --component-select-focus-halo: rgb(104 139 243 / 0.302);
    --component-select-placeholder: #bababc;
    --component-select-list-bg: #1b1b1c;
    --component-select-list-border: #828385;
    --component-select-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-select-option-fg: #f1f2f3;
    --component-select-option-hover: rgb(255 255 255 / 0.051);
    --component-select-option-pressed: rgb(255 255 255 / 0.0706);
    --component-select-option-selected-bg: #182347;
    --component-select-option-selected-fg: #f1f2f3;
    --component-select-option-check: #9db8ff;
    --component-select-disabled-bg: rgb(255 255 255 / 0.051);
    --component-select-disabled-fg: #757677;
    --component-select-disabled-border: #828385;
    --component-select-error-border: #fb988f;
    --component-select-error: #fb988f;
    --component-combobox-bg: #060607;
    --component-combobox-border: #bababc;
    --component-combobox-fg: #f1f2f3;
    --component-combobox-list-bg: #1b1b1c;
    --component-combobox-option-hover: rgb(255 255 255 / 0.051);
    --component-combobox-option-selected-bg: #182347;
    --component-combobox-match-bg: #121828;
    --component-combobox-match-fg: #f1f2f3;
    --component-combobox-border-hover: #bababc;
    --component-combobox-focus-ring: #e1e9ff;
    --component-combobox-focus-halo: rgb(104 139 243 / 0.302);
    --component-combobox-placeholder: #bababc;
    --component-combobox-list-border: #828385;
    --component-combobox-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-combobox-option-fg: #f1f2f3;
    --component-combobox-option-pressed: rgb(255 255 255 / 0.0706);
    --component-combobox-option-selected-fg: #f1f2f3;
    --component-combobox-option-check: #9db8ff;
    --component-combobox-disabled-bg: rgb(255 255 255 / 0.051);
    --component-combobox-disabled-fg: #757677;
    --component-combobox-disabled-border: #828385;
    --component-combobox-error-border: #fb988f;
    --component-combobox-error: #fb988f;
    --component-control-border: #bababc;
    --component-control-checked-bg: #9db8ff;
    --component-control-checked-fg: #0b0b0c;
    --component-control-track: rgb(255 255 255 / 0.0706);
    --component-control-thumb: #0b0b0c;
    --component-menu-bg: #1b1b1c;
    --component-menu-border: #828385;
    --component-menu-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-menu-fg: #f1f2f3;
    --component-menu-item-hover: rgb(255 255 255 / 0.051);
    --component-menu-item-checked-bg: #182347;
    --component-menu-check: #9db8ff;
    --component-menu-shortcut: #bababc;
    --component-menu-label: #bababc;
    --component-menu-danger: #fb988f;
    --component-menu-separator: #828385;
    --component-menu-rail: #9db8ff;
    --component-menu-item-pressed: rgb(255 255 255 / 0.0706);
    --component-menu-focus-ring: #e1e9ff;
    --component-menu-focus-halo: rgb(104 139 243 / 0.302);
    --component-menu-disabled-fg: #757677;
    --component-popover-bg: #1b1b1c;
    --component-popover-border: #828385;
    --component-popover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-popover-fg: #f1f2f3;
    --component-popover-fg-muted: #bababc;
    --component-tooltip-bg: #1b1b1c;
    --component-tooltip-fg: #f1f2f3;
    --component-tooltip-border: #828385;
    --component-tooltip-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-card-bg: #0b0b0c;
    --component-card-border: #828385;
    --component-card-fg: #f1f2f3;
    --component-card-fg-muted: #bababc;
    --component-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-card-drag-bg: #121313;
    --component-card-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-card-selected-bg: #182347;
    --component-card-selected-border: #9db8ff;
    --component-card-hover-border: #bababc;
    --component-card-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-card-focus-ring: #e1e9ff;
    --component-card-focus-halo: rgb(104 139 243 / 0.302);
    --component-card-disabled-fg: #757677;
    --component-modal-bg: #1b1b1c;
    --component-modal-border: #828385;
    --component-modal-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --component-modal-scrim: rgb(0 0 0 / 0.6392);
    --component-modal-title: #f1f2f3;
    --component-modal-fg: #bababc;
    --component-modal-close-fg: #bababc;
    --component-modal-close-hover: rgb(255 255 255 / 0.051);
    --component-modal-close-pressed: rgb(255 255 255 / 0.0706);
    --component-modal-focus-ring: #e1e9ff;
    --component-modal-focus-halo: rgb(104 139 243 / 0.302);
    --component-modal-divider: #828385;
    --component-sheet-bg: #1b1b1c;
    --component-sheet-border: #828385;
    --component-sheet-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --component-sheet-scrim: rgb(0 0 0 / 0.6392);
    --component-sheet-title: #f1f2f3;
    --component-sheet-fg: #bababc;
    --component-sheet-handle: #bababc;
    --component-sheet-close-fg: #bababc;
    --component-sheet-close-hover: rgb(255 255 255 / 0.051);
    --component-sheet-close-pressed: rgb(255 255 255 / 0.0706);
    --component-sheet-focus-ring: #e1e9ff;
    --component-sheet-focus-halo: rgb(104 139 243 / 0.302);
    --component-sheet-divider: #828385;
    --component-toast-bg: #1b1b1c;
    --component-toast-border: #828385;
    --component-toast-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-toast-title: #f1f2f3;
    --component-toast-fg: #bababc;
    --component-toast-drain: #9db8ff;
    --component-toast-icon-success: #72cf8e;
    --component-toast-icon-warning: #ffbb6f;
    --component-toast-icon-danger: #fb988f;
    --component-toast-icon-info: #9db8ff;
    --component-toast-action-fg: #9db8ff;
    --component-toast-close-fg: #bababc;
    --component-toast-close-hover: rgb(255 255 255 / 0.051);
    --component-toast-close-pressed: rgb(255 255 255 / 0.0706);
    --component-toast-focus-ring: #e1e9ff;
    --component-toast-focus-halo: rgb(104 139 243 / 0.302);
    --component-tabs-fg: #bababc;
    --component-tabs-fg-hover: #f1f2f3;
    --component-tabs-selected-fg: #f1f2f3;
    --component-tabs-indicator: #9db8ff;
    --component-tabs-border: #828385;
    --component-tabs-hover-bg: rgb(255 255 255 / 0.051);
    --component-tabs-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-tabs-focus-ring: #e1e9ff;
    --component-tabs-focus-halo: rgb(104 139 243 / 0.302);
    --component-tabs-disabled-fg: #757677;
    --component-tabs-panel-bg: #0b0b0c;
    --component-table-header-bg: #0b0b0c;
    --component-table-header-fg: #bababc;
    --component-table-row-bg: #0b0b0c;
    --component-table-zebra-bg: #0b0b0c;
    --component-table-fg: #f1f2f3;
    --component-table-gridline: #828385;
    --component-table-frozen-divider: #bababc;
    --component-table-row-hover: rgb(255 255 255 / 0.051);
    --component-table-selected-bg: #182347;
    --component-table-selected-fg: #f1f2f3;
    --component-table-selected-border: #9db8ff;
    --component-table-focus-ring: #e1e9ff;
    --component-table-header-selected-bg: #182347;
    --component-table-header-selected-fg: #9db8ff;
    --component-table-override-mark: #ffbb6f;
    --component-table-hatch: #bababc;
    --component-table-header-hover: rgb(255 255 255 / 0.051);
    --component-table-row-pressed: rgb(255 255 255 / 0.0706);
    --component-table-focus-halo: rgb(104 139 243 / 0.302);
    --component-table-disabled-fg: #757677;
    --component-table-invalid-mark: #fb988f;
    --component-table-invalid-fg: #fb988f;
    --component-chip-bg: rgb(255 255 255 / 0.051);
    --component-chip-border: #828385;
    --component-chip-fg: #bababc;
    --component-chip-selected-bg: #121828;
    --component-chip-selected-border: #9db8ff;
    --component-chip-selected-fg: #9db8ff;
    --component-chip-hover-bg: rgb(255 255 255 / 0.051);
    --component-chip-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-chip-focus-ring: #e1e9ff;
    --component-chip-focus-halo: rgb(104 139 243 / 0.302);
    --component-chip-remove-fg: #bababc;
    --component-chip-remove-hover: rgb(255 255 255 / 0.051);
    --component-chip-disabled-fg: #757677;
    --component-chip-disabled-border: #828385;
    --component-chip-invalid-border: #fb988f;
    --component-chip-invalid-fg: #fb988f;
    --component-badge-bg: rgb(255 255 255 / 0.0706);
    --component-badge-fg: #f1f2f3;
    --component-badge-success-bg: #111c14;
    --component-badge-success-border: #72cf8e;
    --component-badge-success-fg: #72cf8e;
    --component-badge-success-solid-bg: #72cf8e;
    --component-badge-success-solid-fg: #0b0b0c;
    --component-badge-warning-bg: #20170d;
    --component-badge-warning-border: #ffbb6f;
    --component-badge-warning-fg: #ffbb6f;
    --component-badge-warning-solid-bg: #ffbb6f;
    --component-badge-warning-solid-fg: #0b0b0c;
    --component-badge-danger-bg: #251311;
    --component-badge-danger-border: #fb988f;
    --component-badge-danger-fg: #fb988f;
    --component-badge-danger-solid-bg: #fb988f;
    --component-badge-danger-solid-fg: #0b0b0c;
    --component-badge-info-bg: #121828;
    --component-badge-info-border: #9db8ff;
    --component-badge-info-fg: #9db8ff;
    --component-badge-info-solid-bg: #9db8ff;
    --component-badge-info-solid-fg: #0b0b0c;
    --component-link-fg: #9db8ff;
    --component-link-fg-hover: #9db8ff;
    --component-link-underline: #9db8ff;
    --component-live-block-frame: #828385;
    --component-live-block-caption-bg: #0b0b0c;
    --component-live-block-caption-fg: #bababc;
    --component-live-block-live-dot: #72cf8e;
    --component-live-block-stale-dot: #9db8ff;
    --component-live-block-pulse: rgb(104 139 243 / 0.349);
    --component-presence-self: #9db8ff;
    --component-presence-label-bg: #f1f2f3;
    --component-presence-label-fg: #0b0b0c;
    --component-presence-cursor-1: #d68742;
    --component-presence-cursor-2: #72c8b8;
    --component-presence-cursor-3: #c283b3;
    --component-presence-cursor-4: #b3a48b;
    --component-presence-cursor-5: #a0b0e6;
    --component-presence-cursor-6: #f4b07a;
    --component-presence-cursor-7: #908d86;
    --component-comment-mark: #ffbb6f;
    --component-comment-bg: #20170d;
    --component-comment-fg: #f1f2f3;
    --component-comment-thread-bg: #121313;
    --component-comment-thread-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-comment-resolved: #bababc;
    --component-skeleton-bg: rgb(255 255 255 / 0.051);
    --component-skeleton-highlight: rgb(255 255 255 / 0.0706);
    --component-progress-track: rgb(255 255 255 / 0.0706);
    --component-progress-fill: #9db8ff;
    --component-progress-label-fg: #bababc;
    --component-progress-track-border: #bababc;
    --component-progress-fill-success: #72cf8e;
    --component-progress-fill-invalid: #fb988f;
    --component-progress-disabled-fill: #757677;
    --component-checkbox-box-bg: #0b0b0c;
    --component-checkbox-box-border: #bababc;
    --component-checkbox-box-border-hover: #bababc;
    --component-checkbox-hover-layer: rgb(255 255 255 / 0.051);
    --component-checkbox-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-checkbox-checked-bg: #9db8ff;
    --component-checkbox-checked-bg-hover: #e1e9ff;
    --component-checkbox-checked-fg: #0b0b0c;
    --component-checkbox-focus-ring: #e1e9ff;
    --component-checkbox-focus-halo: rgb(104 139 243 / 0.302);
    --component-checkbox-label-fg: #f1f2f3;
    --component-checkbox-help-fg: #bababc;
    --component-checkbox-disabled-bg: rgb(255 255 255 / 0.051);
    --component-checkbox-disabled-border: #828385;
    --component-checkbox-disabled-fg: #757677;
    --component-checkbox-invalid-border: #fb988f;
    --component-checkbox-invalid-fg: #fb988f;
    --component-radio-bg: #0b0b0c;
    --component-radio-border: #bababc;
    --component-radio-border-hover: #bababc;
    --component-radio-hover-layer: rgb(255 255 255 / 0.051);
    --component-radio-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-radio-checked-border: #9db8ff;
    --component-radio-dot: #9db8ff;
    --component-radio-dot-hover: #e1e9ff;
    --component-radio-focus-ring: #e1e9ff;
    --component-radio-focus-halo: rgb(104 139 243 / 0.302);
    --component-radio-label-fg: #f1f2f3;
    --component-radio-help-fg: #bababc;
    --component-radio-disabled-bg: rgb(255 255 255 / 0.051);
    --component-radio-disabled-border: #828385;
    --component-radio-disabled-fg: #757677;
    --component-radio-invalid-border: #fb988f;
    --component-radio-invalid-fg: #fb988f;
    --component-switch-track-off: #060607;
    --component-switch-track-off-border: #bababc;
    --component-switch-thumb-off: #bababc;
    --component-switch-track-on: #9db8ff;
    --component-switch-track-on-hover: #e1e9ff;
    --component-switch-thumb-on: #0b0b0c;
    --component-switch-hover-layer: rgb(255 255 255 / 0.051);
    --component-switch-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-switch-focus-ring: #e1e9ff;
    --component-switch-focus-halo: rgb(104 139 243 / 0.302);
    --component-switch-label-fg: #f1f2f3;
    --component-switch-disabled-track: rgb(255 255 255 / 0.051);
    --component-switch-disabled-border: #828385;
    --component-switch-disabled-thumb: #757677;
    --component-switch-disabled-fg: #757677;
    --component-switch-invalid-border: #fb988f;
    --component-slider-track: #bababc;
    --component-slider-fill: #9db8ff;
    --component-slider-thumb-bg: #0b0b0c;
    --component-slider-thumb-border: #9db8ff;
    --component-slider-hover-layer: rgb(255 255 255 / 0.051);
    --component-slider-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-slider-focus-ring: #e1e9ff;
    --component-slider-focus-halo: rgb(104 139 243 / 0.302);
    --component-slider-tick: #bababc;
    --component-slider-value-fg: #f1f2f3;
    --component-slider-label-fg: #bababc;
    --component-slider-disabled-track: #828385;
    --component-slider-disabled-fill: #757677;
    --component-slider-disabled-thumb: #757677;
    --component-slider-invalid-fill: #fb988f;
    --component-date-field-bg: #0b0b0c;
    --component-date-field-border: #bababc;
    --component-date-field-border-hover: #bababc;
    --component-date-field-border-focus: #e1e9ff;
    --component-date-field-fg: #f1f2f3;
    --component-date-field-placeholder: #bababc;
    --component-date-field-icon: #bababc;
    --component-date-field-segment-focus-bg: #121828;
    --component-date-field-segment-focus-fg: #9db8ff;
    --component-date-field-focus-ring: #e1e9ff;
    --component-date-field-focus-halo: rgb(104 139 243 / 0.302);
    --component-date-field-popup-bg: #1b1b1c;
    --component-date-field-popup-border: #828385;
    --component-date-field-popup-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-date-field-weekday-fg: #bababc;
    --component-date-field-day-fg: #f1f2f3;
    --component-date-field-day-hover: rgb(255 255 255 / 0.051);
    --component-date-field-day-pressed: rgb(255 255 255 / 0.0706);
    --component-date-field-day-outside-fg: #bababc;
    --component-date-field-day-today-border: #9db8ff;
    --component-date-field-day-selected-bg: #9db8ff;
    --component-date-field-day-selected-fg: #0b0b0c;
    --component-date-field-day-range-bg: #182347;
    --component-date-field-day-disabled-fg: #757677;
    --component-date-field-disabled-bg: rgb(255 255 255 / 0.051);
    --component-date-field-disabled-fg: #757677;
    --component-date-field-disabled-border: #828385;
    --component-date-field-error-border: #fb988f;
    --component-date-field-error: #fb988f;
    --component-segmented-bg: #060607;
    --component-segmented-border: #828385;
    --component-segmented-fg: #bababc;
    --component-segmented-fg-hover: #f1f2f3;
    --component-segmented-hover-bg: rgb(255 255 255 / 0.051);
    --component-segmented-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-segmented-selected-bg: #0b0b0c;
    --component-segmented-selected-fg: #f1f2f3;
    --component-segmented-selected-border: #bababc;
    --component-segmented-selected-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-segmented-focus-ring: #e1e9ff;
    --component-segmented-focus-halo: rgb(104 139 243 / 0.302);
    --component-segmented-divider: #828385;
    --component-segmented-disabled-fg: #757677;
    --component-breadcrumbs-fg: #bababc;
    --component-breadcrumbs-fg-hover: #f1f2f3;
    --component-breadcrumbs-hover-bg: rgb(255 255 255 / 0.051);
    --component-breadcrumbs-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-breadcrumbs-current-fg: #f1f2f3;
    --component-breadcrumbs-separator: #bababc;
    --component-breadcrumbs-focus-ring: #e1e9ff;
    --component-breadcrumbs-focus-halo: rgb(104 139 243 / 0.302);
    --component-breadcrumbs-disabled-fg: #757677;
    --component-breadcrumbs-overflow-fg: #bababc;
    --component-pagination-fg: #bababc;
    --component-pagination-fg-hover: #f1f2f3;
    --component-pagination-hover-bg: rgb(255 255 255 / 0.051);
    --component-pagination-pressed-layer: rgb(255 255 255 / 0.0706);
    --component-pagination-border: #828385;
    --component-pagination-selected-bg: #121828;
    --component-pagination-selected-fg: #9db8ff;
    --component-pagination-selected-border: #9db8ff;
    --component-pagination-focus-ring: #e1e9ff;
    --component-pagination-focus-halo: rgb(104 139 243 / 0.302);
    --component-pagination-ellipsis-fg: #bababc;
    --component-pagination-label-fg: #bababc;
    --component-pagination-disabled-fg: #757677;
    --component-spinner-track: #828385;
    --component-spinner-arc: #9db8ff;
    --component-spinner-arc-on-accent: #0b0b0c;
    --component-spinner-arc-on-inverse: #0b0b0c;
    --component-spinner-arc-muted: #bababc;
    --component-spinner-label-fg: #bababc;
    --component-avatar-bg: #1b1b1c;
    --component-avatar-fg: #f1f2f3;
    --component-avatar-ring: #0b0b0c;
    --component-avatar-hover-ring: #bababc;
    --component-avatar-selected-ring: #9db8ff;
    --component-avatar-focus-ring: #e1e9ff;
    --component-avatar-focus-halo: rgb(104 139 243 / 0.302);
    --component-avatar-presence-available: #72cf8e;
    --component-avatar-presence-busy: #fb988f;
    --component-avatar-presence-away: #ffbb6f;
    --component-avatar-presence-offline: #bababc;
    --component-avatar-presence-ring: #0b0b0c;
    --component-avatar-overflow-bg: #060607;
    --component-avatar-overflow-fg: #bababc;
    --component-avatar-disabled-fg: #757677;
    --component-empty-state-bg: #0b0b0c;
    --component-empty-state-icon: #bababc;
    --component-empty-state-title-fg: #f1f2f3;
    --component-empty-state-fg: #bababc;
    --component-empty-state-border: #bababc;
    --component-empty-state-drop-hover-bg: #121828;
    --component-empty-state-drop-hover-border: #9db8ff;
    --component-empty-state-drop-hover-fg: #f1f2f3;
    --component-empty-state-focus-ring: #e1e9ff;
    --component-empty-state-focus-halo: rgb(104 139 243 / 0.302);
    --component-empty-state-disabled-fg: #757677;
    --component-empty-state-invalid-border: #fb988f;
    --component-empty-state-invalid-fg: #fb988f;
    --component-banner-bg: #0b0b0c;
    --component-banner-border: #828385;
    --component-banner-fg: #f1f2f3;
    --component-banner-fg-muted: #bababc;
    --component-banner-icon: #bababc;
    --component-banner-info-bg: #121828;
    --component-banner-info-border: #9db8ff;
    --component-banner-info-icon: #9db8ff;
    --component-banner-info-title: #9db8ff;
    --component-banner-info-fg: #f1f2f3;
    --component-banner-success-bg: #111c14;
    --component-banner-success-border: #72cf8e;
    --component-banner-success-icon: #72cf8e;
    --component-banner-success-title: #72cf8e;
    --component-banner-success-fg: #f1f2f3;
    --component-banner-warning-bg: #20170d;
    --component-banner-warning-border: #ffbb6f;
    --component-banner-warning-icon: #ffbb6f;
    --component-banner-warning-title: #ffbb6f;
    --component-banner-warning-fg: #f1f2f3;
    --component-banner-danger-bg: #251311;
    --component-banner-danger-border: #fb988f;
    --component-banner-danger-icon: #fb988f;
    --component-banner-danger-title: #fb988f;
    --component-banner-danger-fg: #f1f2f3;
    --component-banner-action-fg: #9db8ff;
    --component-banner-close-fg: #bababc;
    --component-banner-close-hover: rgb(255 255 255 / 0.051);
    --component-banner-close-pressed: rgb(255 255 255 / 0.0706);
    --component-banner-focus-ring: #e1e9ff;
    --component-banner-focus-halo: rgb(104 139 243 / 0.302);
    --component-inbox-list-bg: #0b0b0c;
    --component-inbox-list-row-hover: rgb(255 255 255 / 0.051);
    --component-inbox-list-row-active: rgb(255 255 255 / 0.0706);
    --component-inbox-list-divider: #828385;
    --component-inbox-list-fg: #f1f2f3;
    --component-inbox-list-fg-muted: #bababc;
    --component-inbox-list-meta: #bababc;
    --component-inbox-list-unread-fg: #f1f2f3;
    --component-inbox-list-unread-dot: #9db8ff;
    --component-inbox-list-thread-count-bg: rgb(255 255 255 / 0.051);
    --component-inbox-list-thread-count-fg: #bababc;
    --component-inbox-list-thread-line: #828385;
    --component-inbox-list-flag: #fb988f;
    --component-inbox-list-pinned: #9db8ff;
    --component-inbox-list-selected-bg: #182347;
    --component-inbox-list-selected-fg: #f1f2f3;
    --component-inbox-list-selected-rail: #9db8ff;
    --component-inbox-list-focus-ring: #e1e9ff;
    --component-inbox-list-group-header-bg: #0b0b0c;
    --component-inbox-list-group-header-fg: #bababc;
    --component-reader-bg: #0b0b0c;
    --component-reader-fg: #f1f2f3;
    --component-reader-subject-fg: #f1f2f3;
    --component-reader-meta: #bababc;
    --component-reader-divider: #828385;
    --component-reader-collapsed-bg: #0b0b0c;
    --component-reader-collapsed-fg: #bababc;
    --component-reader-quote-bar: #bababc;
    --component-reader-quote-fg: #bababc;
    --component-reader-attachment-bg: #0b0b0c;
    --component-reader-attachment-border: #828385;
    --component-reader-attachment-fg: #f1f2f3;
    --component-reader-banner-external-bg: #20170d;
    --component-reader-banner-external-border: #ffbb6f;
    --component-reader-banner-external-fg: #f1f2f3;
    --component-reader-banner-remote-bg: #121828;
    --component-reader-banner-remote-border: #9db8ff;
    --component-reader-banner-remote-fg: #f1f2f3;
    --component-reader-focus-ring: #e1e9ff;
    --component-composer-bg: #0b0b0c;
    --component-composer-fg: #f1f2f3;
    --component-composer-placeholder: #bababc;
    --component-composer-field-label: #bababc;
    --component-composer-field-divider: #828385;
    --component-composer-toolbar-bg: #0b0b0c;
    --component-composer-toolbar-fg: #bababc;
    --component-composer-recipient-bg: rgb(255 255 255 / 0.051);
    --component-composer-recipient-fg: #f1f2f3;
    --component-composer-recipient-external-bg: #20170d;
    --component-composer-recipient-external-border: #ffbb6f;
    --component-composer-recipient-external-fg: #ffbb6f;
    --component-composer-disclosure-bg: #20170d;
    --component-composer-disclosure-border: #ffbb6f;
    --component-composer-disclosure-fg: #f1f2f3;
    --component-composer-proposal-bg: #121828;
    --component-composer-proposal-border: #9db8ff;
    --component-composer-proposal-rail: #9db8ff;
    --component-composer-proposal-fg: #f1f2f3;
    --component-composer-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
    --component-composer-focus-ring: #e1e9ff;
    --component-calendar-bg: #0b0b0c;
    --component-calendar-gridline: #828385;
    --component-calendar-gridline-hour: #828385;
    --component-calendar-header-bg: #0b0b0c;
    --component-calendar-header-fg: #bababc;
    --component-calendar-time-fg: #bababc;
    --component-calendar-weekend-bg: #0b0b0c;
    --component-calendar-outside-month-fg: #bababc;
    --component-calendar-today-bg: #121828;
    --component-calendar-today-fg: #9db8ff;
    --component-calendar-today-marker: #9db8ff;
    --component-calendar-today-marker-fg: #0b0b0c;
    --component-calendar-now-line: #fb988f;
    --component-calendar-slot-hover: rgb(255 255 255 / 0.051);
    --component-calendar-selected-bg: #182347;
    --component-calendar-selected-border: #9db8ff;
    --component-calendar-focus-ring: #e1e9ff;
    --component-calendar-event-bg: #121313;
    --component-calendar-event-border: #828385;
    --component-calendar-event-fg: #f1f2f3;
    --component-calendar-event-fg-muted: #bababc;
    --component-calendar-event-tentative-hatch: #bababc;
    --component-calendar-event-declined-fg: #bababc;
    --component-calendar-event-selected-bg: #182347;
    --component-calendar-event-selected-border: #9db8ff;
    --component-calendar-event-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-calendar-event-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
    --component-calendar-event-rail-1: #6194fb;
    --component-calendar-event-rail-2: #d68742;
    --component-calendar-event-rail-3: #72c8b8;
    --component-calendar-event-rail-4: #c283b3;
    --component-calendar-event-rail-5: #b3a48b;
    --component-calendar-event-rail-6: #a0b0e6;
    --component-calendar-event-rail-7: #f4b07a;
    --component-calendar-event-rail-8: #908d86;
    --component-contact-card-bg: #0b0b0c;
    --component-contact-card-border: #828385;
    --component-contact-card-name-fg: #f1f2f3;
    --component-contact-card-fg: #f1f2f3;
    --component-contact-card-fg-muted: #bababc;
    --component-contact-card-field-label: #bababc;
    --component-contact-card-divider: #828385;
    --component-contact-card-avatar-bg: #121828;
    --component-contact-card-avatar-fg: #9db8ff;
    --component-contact-card-presence-available: #72cf8e;
    --component-contact-card-presence-busy: #fb988f;
    --component-contact-card-presence-away: #ffbb6f;
    --component-contact-card-presence-offline: #bababc;
    --component-contact-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-contact-card-focus-ring: #e1e9ff;
    --component-grid-bg: #0b0b0c;
    --component-grid-fg: #f1f2f3;
    --component-grid-fg-muted: #bababc;
    --component-grid-gridline: #828385;
    --component-grid-header-bg: #0b0b0c;
    --component-grid-header-fg: #bababc;
    --component-grid-header-border: #828385;
    --component-grid-header-hover: rgb(255 255 255 / 0.051);
    --component-grid-header-selected-bg: #182347;
    --component-grid-header-selected-fg: #9db8ff;
    --component-grid-header-selected-indicator: #9db8ff;
    --component-grid-frozen-bg: #0b0b0c;
    --component-grid-frozen-divider: #bababc;
    --component-grid-selection-bg: #182347;
    --component-grid-selection-fg: #f1f2f3;
    --component-grid-selection-border: #9db8ff;
    --component-grid-focus-ring: #e1e9ff;
    --component-grid-focus-halo: rgb(104 139 243 / 0.302);
    --component-grid-fill-handle: #9db8ff;
    --component-grid-fill-handle-border: #0b0b0c;
    --component-grid-copy-marquee: #9db8ff;
    --component-grid-edit-bg: #121313;
    --component-grid-edit-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-grid-drop-target: #9db8ff;
    --component-grid-spill-border: #bababc;
    --component-grid-error-fg: #fb988f;
    --component-grid-error-mark: #fb988f;
    --component-grid-comment-mark: #ffbb6f;
    --component-grid-override-mark: #ffbb6f;
    --component-grid-hatch: #bababc;
    --component-grid-table-header-bg: #060607;
    --component-grid-table-header-fg: #f1f2f3;
    --component-grid-table-band-bg: #0b0b0c;
    --component-grid-ref-1: #6194fb;
    --component-grid-ref-2: #d68742;
    --component-grid-ref-3: #72c8b8;
    --component-grid-ref-4: #c283b3;
    --component-grid-ref-5: #b3a48b;
    --component-grid-ref-6: #a0b0e6;
    --component-grid-ref-7: #f4b07a;
    --component-grid-ref-8: #908d86;
    --component-formula-bar-bg: #0b0b0c;
    --component-formula-bar-border: #828385;
    --component-formula-bar-divider: #828385;
    --component-formula-bar-name-box-bg: #0b0b0c;
    --component-formula-bar-name-box-fg: #f1f2f3;
    --component-formula-bar-name-box-border: #bababc;
    --component-formula-bar-fx-fg: #bababc;
    --component-formula-bar-input-fg: #f1f2f3;
    --component-formula-bar-placeholder: #bababc;
    --component-formula-bar-focus-ring: #e1e9ff;
    --component-formula-bar-syntax-function: #9db8ff;
    --component-formula-bar-syntax-string: #72cf8e;
    --component-formula-bar-syntax-number: #f1f2f3;
    --component-formula-bar-syntax-operator: #bababc;
    --component-formula-bar-syntax-error: #fb988f;
    --component-formula-bar-hint-fg: #bababc;
    --component-formula-bar-hint-active-fg: #f1f2f3;
    --component-formula-bar-ref-1: #6194fb;
    --component-formula-bar-ref-2: #d68742;
    --component-formula-bar-ref-3: #72c8b8;
    --component-formula-bar-ref-4: #c283b3;
    --component-formula-bar-ref-5: #b3a48b;
    --component-formula-bar-ref-6: #a0b0e6;
    --component-formula-bar-ref-7: #f4b07a;
    --component-formula-bar-ref-8: #908d86;
    --component-sheet-tabs-bar-bg: #0b0b0c;
    --component-sheet-tabs-bar-border: #828385;
    --component-sheet-tabs-fg: #bababc;
    --component-sheet-tabs-hover-bg: rgb(255 255 255 / 0.051);
    --component-sheet-tabs-fg-hover: #f1f2f3;
    --component-sheet-tabs-active-bg: #0b0b0c;
    --component-sheet-tabs-active-fg: #f1f2f3;
    --component-sheet-tabs-active-border: #828385;
    --component-sheet-tabs-indicator: #9db8ff;
    --component-sheet-tabs-focus-ring: #e1e9ff;
    --component-sheet-tabs-add-fg: #bababc;
    --component-sheet-tabs-rail-1: #6194fb;
    --component-sheet-tabs-rail-2: #d68742;
    --component-sheet-tabs-rail-3: #72c8b8;
    --component-sheet-tabs-rail-4: #c283b3;
    --component-sheet-tabs-rail-5: #b3a48b;
    --component-sheet-tabs-rail-6: #a0b0e6;
    --component-sheet-tabs-rail-7: #f4b07a;
    --component-sheet-tabs-rail-8: #908d86;
    --component-chart-bg: #0b0b0c;
    --component-chart-title-fg: #f1f2f3;
    --component-chart-subtitle-fg: #bababc;
    --component-chart-gridline: #828385;
    --component-chart-axis: #bababc;
    --component-chart-label: #bababc;
    --component-chart-legend-fg: #bababc;
    --component-chart-target-line: #bababc;
    --component-chart-annotation-fg: #f1f2f3;
    --component-chart-selected-border: #9db8ff;
    --component-chart-focus-ring: #e1e9ff;
    --component-chart-plot-hover: rgb(255 255 255 / 0.051);
    --component-chart-editor-bg: #121313;
    --component-chart-editor-border: #828385;
    --component-chart-editor-section-fg: #bababc;
    --component-chart-editor-swatch-border: #828385;
    --component-chart-series-1: #6194fb;
    --component-chart-series-2: #d68742;
    --component-chart-series-3: #72c8b8;
    --component-chart-series-4: #c283b3;
    --component-chart-series-5: #b3a48b;
    --component-chart-series-6: #a0b0e6;
    --component-chart-series-7: #f4b07a;
    --component-chart-series-8: #908d86;
    --component-kpi-tile-bg: #0b0b0c;
    --component-kpi-tile-border: #828385;
    --component-kpi-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-kpi-tile-label-fg: #bababc;
    --component-kpi-tile-value-fg: #f1f2f3;
    --component-kpi-tile-meta-fg: #bababc;
    --component-kpi-tile-delta-up-fg: #72cf8e;
    --component-kpi-tile-delta-down-fg: #fb988f;
    --component-kpi-tile-delta-flat-fg: #bababc;
    --component-kpi-tile-delta-up-bg: #111c14;
    --component-kpi-tile-delta-down-bg: #251311;
    --component-kpi-tile-sparkline: #6194fb;
    --component-kpi-tile-target: #bababc;
    --component-kpi-tile-focus-ring: #e1e9ff;
    --component-dashboard-canvas-bg: #0b0b0c;
    --component-dashboard-canvas-grid: #828385;
    --component-dashboard-tile-bg: #0b0b0c;
    --component-dashboard-tile-border: #828385;
    --component-dashboard-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-dashboard-tile-hover-border: #bababc;
    --component-dashboard-tile-selected-border: #9db8ff;
    --component-dashboard-tile-focus-ring: #e1e9ff;
    --component-dashboard-tile-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
    --component-dashboard-title-fg: #f1f2f3;
    --component-dashboard-meta-fg: #bababc;
    --component-dashboard-stale-fg: #ffbb6f;
    --component-dashboard-guide: #9db8ff;
    --component-dashboard-handle-bg: #0b0b0c;
    --component-dashboard-handle-border: #9db8ff;
    --component-dashboard-filter-bar-bg: #0b0b0c;
    --component-dashboard-filter-bar-border: #828385;
    --component-dashboard-empty-fg: #bababc;
    --component-dashboard-empty-border: #828385;
    --component-slicer-bg: #0b0b0c;
    --component-slicer-fg: #f1f2f3;
    --component-slicer-border: #bababc;
    --component-slicer-hover-bg: rgb(255 255 255 / 0.051);
    --component-slicer-selected-bg: #121828;
    --component-slicer-selected-fg: #9db8ff;
    --component-slicer-selected-border: #9db8ff;
    --component-slicer-focus-ring: #e1e9ff;
    --component-slicer-label-fg: #bababc;
    --component-slicer-count-bg: #9db8ff;
    --component-slicer-count-fg: #0b0b0c;
    --component-slicer-clear-fg: #bababc;
    --component-slicer-disabled-fg: #757677;
    --component-field-list-bg: #0b0b0c;
    --component-field-list-fg: #f1f2f3;
    --component-field-list-fg-muted: #bababc;
    --component-field-list-section-fg: #bababc;
    --component-field-list-icon-fg: #bababc;
    --component-field-list-measure-fg: #9db8ff;
    --component-field-list-item-hover: rgb(255 255 255 / 0.051);
    --component-field-list-item-selected-bg: #182347;
    --component-field-list-item-selected-rail: #9db8ff;
    --component-field-list-focus-ring: #e1e9ff;
    --component-field-list-well-bg: #0b0b0c;
    --component-field-list-well-border: #bababc;
    --component-field-list-drop-target: #9db8ff;
    --component-field-list-well-item-bg: #121313;
    --component-field-list-well-item-border: #828385;
    --component-field-list-model-canvas-bg: #060607;
    --component-field-list-model-table-bg: #121313;
    --component-field-list-model-table-header-bg: #0b0b0c;
    --component-field-list-model-table-border: #828385;
    --component-field-list-model-table-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --component-field-list-relationship: #bababc;
    --component-field-list-relationship-selected: #9db8ff;
    --component-list-view-bg: #0b0b0c;
    --component-list-view-fg: #f1f2f3;
    --component-list-view-fg-muted: #bababc;
    --component-list-view-icon-fg: #bababc;
    --component-list-view-disabled-fg: #757677;
    --component-list-view-divider: #828385;
    --component-list-view-row-hover: rgb(255 255 255 / 0.051);
    --component-list-view-selected-bg: #182347;
    --component-list-view-selected-fg: #f1f2f3;
    --component-list-view-selected-rail: #9db8ff;
    --component-list-view-focus-ring: #e1e9ff;
    --component-list-view-focus-halo: rgb(104 139 243 / 0.302);
    --component-list-view-tree-guide: #828385;
    --component-list-view-twisty-fg: #bababc;
    --component-list-view-drop-target: #9db8ff;
    --component-canvas-bg: #060607;
    --component-canvas-board-bg: #0b0b0c;
    --component-canvas-page-bg: #0b0b0c;
    --component-canvas-board-grid: #828385;
    --component-canvas-object-hover-border: #bababc;
    --component-canvas-selected-border: #9db8ff;
    --component-canvas-handle-bg: #0b0b0c;
    --component-canvas-handle-border: #9db8ff;
    --component-canvas-marquee-bg: #182347;
    --component-canvas-marquee-border: #9db8ff;
    --component-canvas-connector: #bababc;
    --component-canvas-connector-selected: #9db8ff;
    --component-canvas-guide: #9db8ff;
    --component-canvas-focus-ring: #e1e9ff;
    --component-canvas-focus-halo: rgb(104 139 243 / 0.302);
    --v1-color-bg: #0b0b0c;
    --v1-color-surface: #0b0b0c;
    --v1-color-surface-2: #060607;
    --v1-color-surface-3: #1b1b1c;
    --v1-color-line: #828385;
    --v1-color-line-strong: #bababc;
    --v1-color-control-border: #bababc;
    --v1-color-ink: #f1f2f3;
    --v1-color-ink-2: #bababc;
    --v1-color-ink-3: #bababc;
    --v1-color-ink-disabled: #757677;
    --v1-color-accent: #9db8ff;
    --v1-color-accent-text: #9db8ff;
    --v1-color-accent-fill: #9db8ff;
    --v1-color-accent-fill-hover: #e1e9ff;
    --v1-color-on-accent: #0b0b0c;
    --v1-color-accent-soft: #121828;
    --v1-color-focus: #e1e9ff;
    --v1-color-ok: #72cf8e;
    --v1-color-ok-text: #72cf8e;
    --v1-color-ok-soft: #111c14;
    --v1-color-warning: #ffbb6f;
    --v1-color-warning-text: #ffbb6f;
    --v1-color-warning-soft: #20170d;
    --v1-color-danger: #fb988f;
    --v1-color-danger-text: #fb988f;
    --v1-color-danger-soft: #251311;
    --v1-color-on-danger: #0b0b0c;
    --v1-color-info: #9db8ff;
    --v1-color-info-text: #9db8ff;
    --v1-color-info-soft: #121828;
    --v1-color-scrim: rgb(0 0 0 / 0.6392);
    --v1-color-comment: #ffbb6f;
    --v1-grid-gridline: #828385;
    --v1-grid-header: #0b0b0c;
    --v1-grid-header-selected: #182347;
    --v1-grid-header-text: #bababc;
    --v1-grid-selection-fill: #182347;
    --v1-grid-selection-border: #9db8ff;
    --v1-grid-frozen-divider: #bababc;
    --v1-grid-override: #ffbb6f;
    --v1-grid-hatch: #bababc;
    --v1-live-block-frame: #828385;
    --v1-live-block-caption: #0b0b0c;
    --v1-live-block-caption-text: #bababc;
    --v1-live-block-live: #72cf8e;
    --v1-elevation-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --v1-elevation-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --v1-elevation-dark-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
    --v1-elevation-dark-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  }
}

/* Forced high-contrast themes (previews and reference screens). */
:root[data-theme="high-contrast-light"] {
  color-scheme: light;
  --color-bg-canvas: #ffffff;
  --color-bg-sunken: #fafafb;
  --color-bg-surface: #ffffff;
  --color-bg-raised: #ffffff;
  --color-bg-overlay: #ffffff;
  --color-bg-inverse: #0e0e0f;
  --color-bg-inverse-hover: #202021;
  --color-bg-hover: #fafafb;
  --color-bg-active: #f1f2f3;
  --color-bg-selected: #f5f8ff;
  --color-fg-default: #0e0e0f;
  --color-fg-muted: #525254;
  --color-fg-subtle: #525254;
  --color-fg-disabled: #858688;
  --color-fg-on-accent: #ffffff;
  --color-fg-inverse: #ffffff;
  --color-border-subtle: #78797a;
  --color-border-default: #78797a;
  --color-border-strong: #525254;
  --color-border-control: #525254;
  --color-accent-solid: #2c47c7;
  --color-accent-solid-hover: #12215e;
  --color-accent-fg: #12215e;
  --color-accent-bg: #eaf0ff;
  --color-accent-bg-hover: #dee8ff;
  --color-accent-border: #2c47c7;
  --color-accent-indicator: #2c47c7;
  --color-accent-pulse: rgb(47 75 227 / 0.349);
  --color-focus-ring: #12215e;
  --color-focus-halo: rgb(47 75 227 / 0.251);
  --color-selection-bg: #f5f8ff;
  --color-selection-fg: #0e0e0f;
  --color-selection-border: #2c47c7;
  --color-state-hover: rgb(10 10 10 / 0.0314);
  --color-state-active: rgb(10 10 10 / 0.0392);
  --color-scrim: rgb(10 10 10 / 0.4);
  --color-success-bg: #e9f4ec;
  --color-success-border: #1f6f3d;
  --color-success-solid: #0f341c;
  --color-success-solid-hover: #0f341c;
  --color-success-fg: #0f341c;
  --color-success-on-solid: #ffffff;
  --color-warning-bg: #f8efe5;
  --color-warning-border: #8b5500;
  --color-warning-solid: #412706;
  --color-warning-solid-hover: #412706;
  --color-warning-fg: #412706;
  --color-warning-on-solid: #ffffff;
  --color-danger-bg: #ffebe9;
  --color-danger-border: #b32325;
  --color-danger-solid: #521614;
  --color-danger-solid-hover: #521614;
  --color-danger-fg: #521614;
  --color-danger-on-solid: #ffffff;
  --color-info-bg: #eaf0ff;
  --color-info-border: #2c47c7;
  --color-info-solid: #2c47c7;
  --color-info-solid-hover: #12215e;
  --color-info-fg: #12215e;
  --color-info-on-solid: #ffffff;
  --color-category-red: #b45359;
  --color-category-orange: #ab5d04;
  --color-category-peach: #916b05;
  --color-category-yellow: #787402;
  --color-category-green: #208301;
  --color-category-teal: #068068;
  --color-category-olive: #647753;
  --color-category-blue: #4e70b5;
  --color-category-purple: #815fbc;
  --color-category-maroon: #a05c7e;
  --color-category-steel: #776c89;
  --color-category-dark-steel: #3c4a66;
  --color-category-gray: #727170;
  --color-category-dark-gray: #4e4d4c;
  --color-category-black: #292827;
  --color-category-dark-red: #990015;
  --color-category-dark-orange: #7e3301;
  --color-category-dark-peach: #654303;
  --color-category-dark-yellow: #454302;
  --color-category-dark-green: #0c5601;
  --color-category-dark-teal: #01543f;
  --color-category-dark-olive: #1d3b03;
  --color-category-dark-blue: #0144a3;
  --color-category-dark-purple: #5f14c2;
  --color-category-dark-maroon: #8f095b;
  --elevation-raised: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --elevation-overlay: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --elevation-modal: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --elevation-lift: 0px 4px 14px 0px rgb(10 10 10 / 0.1216);
  --elevation-level-0-bg: #ffffff;
  --elevation-level-0-highlight: rgb(255 255 255 / 0);
  --elevation-level-1-bg: #ffffff;
  --elevation-level-1-highlight: rgb(255 255 255 / 0);
  --elevation-level-2-bg: #ffffff;
  --elevation-level-2-highlight: rgb(255 255 255 / 0);
  --elevation-level-2-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --elevation-level-3-bg: #ffffff;
  --elevation-level-3-highlight: rgb(255 255 255 / 0);
  --elevation-level-3-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --elevation-level-3-shadow-modal: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --dataviz-categorical-1: #2563eb;
  --dataviz-categorical-2: #ad5602;
  --dataviz-categorical-3: #2a977d;
  --dataviz-categorical-4: #a1568e;
  --dataviz-categorical-5: #827153;
  --dataviz-categorical-6: #7c81bc;
  --dataviz-categorical-7: #c9733c;
  --dataviz-categorical-8: #636363;
  --dataviz-sequential-1: #eef4ff;
  --dataviz-sequential-2: #d2e2ff;
  --dataviz-sequential-3: #afcbff;
  --dataviz-sequential-4: #88b0fe;
  --dataviz-sequential-5: #5f91f7;
  --dataviz-sequential-6: #3a72e9;
  --dataviz-sequential-7: #2655bc;
  --dataviz-sequential-8: #1a3d86;
  --dataviz-diverging-1: #2655bc;
  --dataviz-diverging-2: #5a89e6;
  --dataviz-diverging-3: #acc5f2;
  --dataviz-diverging-4: #e1e1e1;
  --dataviz-diverging-5: #eebb99;
  --dataviz-diverging-6: #d97e38;
  --dataviz-diverging-7: #a35303;
  --dataviz-gridline: #78797a;
  --dataviz-axis: #525254;
  --dataviz-label: #525254;
  --component-button-primary-bg: #0e0e0f;
  --component-button-primary-bg-hover: #202021;
  --component-button-primary-fg: #ffffff;
  --component-button-secondary-bg: #ffffff;
  --component-button-secondary-bg-hover: rgb(10 10 10 / 0.0314);
  --component-button-secondary-border: #525254;
  --component-button-secondary-fg: #0e0e0f;
  --component-button-accent-bg: #2c47c7;
  --component-button-accent-bg-hover: #12215e;
  --component-button-accent-fg: #ffffff;
  --component-button-ghost-bg-hover: rgb(10 10 10 / 0.0314);
  --component-button-ghost-fg: #0e0e0f;
  --component-button-ghost-fg-muted: #525254;
  --component-button-danger-bg: #521614;
  --component-button-danger-bg-hover: #521614;
  --component-button-danger-fg: #ffffff;
  --component-button-danger-subtle-bg: #ffebe9;
  --component-button-danger-subtle-bg-hover: rgb(10 10 10 / 0.0314);
  --component-button-danger-subtle-border: #b32325;
  --component-button-danger-subtle-fg: #521614;
  --component-button-state-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-button-state-disabled-bg: rgb(10 10 10 / 0.0314);
  --component-button-state-disabled-fg: #858688;
  --component-button-state-focus-ring: #12215e;
  --component-button-state-focus-halo: rgb(47 75 227 / 0.251);
  --component-button-state-selected-bg: #f5f8ff;
  --component-button-state-selected-fg: #12215e;
  --component-button-state-selected-border: #2c47c7;
  --component-input-bg: #ffffff;
  --component-input-border: #525254;
  --component-input-border-hover: #525254;
  --component-input-border-focus: #12215e;
  --component-input-fg: #0e0e0f;
  --component-input-placeholder: #525254;
  --component-input-label: #525254;
  --component-input-help: #525254;
  --component-input-error: #521614;
  --component-input-error-border: #521614;
  --component-input-disabled-bg: rgb(10 10 10 / 0.0314);
  --component-input-disabled-fg: #858688;
  --component-input-bg-hover: #ffffff;
  --component-input-focus-ring: #12215e;
  --component-input-focus-halo: rgb(47 75 227 / 0.251);
  --component-input-selection-bg: #f5f8ff;
  --component-input-error-icon: #521614;
  --component-input-disabled-border: #78797a;
  --component-select-bg: #ffffff;
  --component-select-border: #525254;
  --component-select-fg: #0e0e0f;
  --component-select-chevron: #525254;
  --component-select-border-hover: #525254;
  --component-select-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-select-focus-ring: #12215e;
  --component-select-focus-halo: rgb(47 75 227 / 0.251);
  --component-select-placeholder: #525254;
  --component-select-list-bg: #ffffff;
  --component-select-list-border: #78797a;
  --component-select-list-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-select-option-fg: #0e0e0f;
  --component-select-option-hover: rgb(10 10 10 / 0.0314);
  --component-select-option-pressed: rgb(10 10 10 / 0.0392);
  --component-select-option-selected-bg: #f5f8ff;
  --component-select-option-selected-fg: #0e0e0f;
  --component-select-option-check: #12215e;
  --component-select-disabled-bg: rgb(10 10 10 / 0.0314);
  --component-select-disabled-fg: #858688;
  --component-select-disabled-border: #78797a;
  --component-select-error-border: #521614;
  --component-select-error: #521614;
  --component-combobox-bg: #ffffff;
  --component-combobox-border: #525254;
  --component-combobox-fg: #0e0e0f;
  --component-combobox-list-bg: #ffffff;
  --component-combobox-option-hover: rgb(10 10 10 / 0.0314);
  --component-combobox-option-selected-bg: #f5f8ff;
  --component-combobox-match-bg: #eaf0ff;
  --component-combobox-match-fg: #0e0e0f;
  --component-combobox-border-hover: #525254;
  --component-combobox-focus-ring: #12215e;
  --component-combobox-focus-halo: rgb(47 75 227 / 0.251);
  --component-combobox-placeholder: #525254;
  --component-combobox-list-border: #78797a;
  --component-combobox-list-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-combobox-option-fg: #0e0e0f;
  --component-combobox-option-pressed: rgb(10 10 10 / 0.0392);
  --component-combobox-option-selected-fg: #0e0e0f;
  --component-combobox-option-check: #12215e;
  --component-combobox-disabled-bg: rgb(10 10 10 / 0.0314);
  --component-combobox-disabled-fg: #858688;
  --component-combobox-disabled-border: #78797a;
  --component-combobox-error-border: #521614;
  --component-combobox-error: #521614;
  --component-control-border: #525254;
  --component-control-checked-bg: #2c47c7;
  --component-control-checked-fg: #ffffff;
  --component-control-track: rgb(10 10 10 / 0.0392);
  --component-control-thumb: #ffffff;
  --component-menu-bg: #ffffff;
  --component-menu-border: #78797a;
  --component-menu-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-menu-fg: #0e0e0f;
  --component-menu-item-hover: rgb(10 10 10 / 0.0314);
  --component-menu-item-checked-bg: #f5f8ff;
  --component-menu-check: #12215e;
  --component-menu-shortcut: #525254;
  --component-menu-label: #525254;
  --component-menu-danger: #521614;
  --component-menu-separator: #78797a;
  --component-menu-rail: #2c47c7;
  --component-menu-item-pressed: rgb(10 10 10 / 0.0392);
  --component-menu-focus-ring: #12215e;
  --component-menu-focus-halo: rgb(47 75 227 / 0.251);
  --component-menu-disabled-fg: #858688;
  --component-popover-bg: #ffffff;
  --component-popover-border: #78797a;
  --component-popover-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-popover-fg: #0e0e0f;
  --component-popover-fg-muted: #525254;
  --component-tooltip-bg: #0e0e0f;
  --component-tooltip-fg: #ffffff;
  --component-tooltip-border: #0e0e0f;
  --component-tooltip-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-card-bg: #ffffff;
  --component-card-border: #78797a;
  --component-card-fg: #0e0e0f;
  --component-card-fg-muted: #525254;
  --component-card-hover-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-card-drag-bg: #ffffff;
  --component-card-drag-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-card-selected-bg: #f5f8ff;
  --component-card-selected-border: #2c47c7;
  --component-card-hover-border: #525254;
  --component-card-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-card-focus-ring: #12215e;
  --component-card-focus-halo: rgb(47 75 227 / 0.251);
  --component-card-disabled-fg: #858688;
  --component-modal-bg: #ffffff;
  --component-modal-border: #78797a;
  --component-modal-shadow: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --component-modal-scrim: rgb(10 10 10 / 0.4);
  --component-modal-title: #0e0e0f;
  --component-modal-fg: #525254;
  --component-modal-close-fg: #525254;
  --component-modal-close-hover: rgb(10 10 10 / 0.0314);
  --component-modal-close-pressed: rgb(10 10 10 / 0.0392);
  --component-modal-focus-ring: #12215e;
  --component-modal-focus-halo: rgb(47 75 227 / 0.251);
  --component-modal-divider: #78797a;
  --component-sheet-bg: #ffffff;
  --component-sheet-border: #78797a;
  --component-sheet-shadow: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --component-sheet-scrim: rgb(10 10 10 / 0.4);
  --component-sheet-title: #0e0e0f;
  --component-sheet-fg: #525254;
  --component-sheet-handle: #525254;
  --component-sheet-close-fg: #525254;
  --component-sheet-close-hover: rgb(10 10 10 / 0.0314);
  --component-sheet-close-pressed: rgb(10 10 10 / 0.0392);
  --component-sheet-focus-ring: #12215e;
  --component-sheet-focus-halo: rgb(47 75 227 / 0.251);
  --component-sheet-divider: #78797a;
  --component-toast-bg: #ffffff;
  --component-toast-border: #78797a;
  --component-toast-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-toast-title: #0e0e0f;
  --component-toast-fg: #525254;
  --component-toast-drain: #2c47c7;
  --component-toast-icon-success: #0f341c;
  --component-toast-icon-warning: #412706;
  --component-toast-icon-danger: #521614;
  --component-toast-icon-info: #12215e;
  --component-toast-action-fg: #12215e;
  --component-toast-close-fg: #525254;
  --component-toast-close-hover: rgb(10 10 10 / 0.0314);
  --component-toast-close-pressed: rgb(10 10 10 / 0.0392);
  --component-toast-focus-ring: #12215e;
  --component-toast-focus-halo: rgb(47 75 227 / 0.251);
  --component-tabs-fg: #525254;
  --component-tabs-fg-hover: #0e0e0f;
  --component-tabs-selected-fg: #0e0e0f;
  --component-tabs-indicator: #2c47c7;
  --component-tabs-border: #78797a;
  --component-tabs-hover-bg: rgb(10 10 10 / 0.0314);
  --component-tabs-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-tabs-focus-ring: #12215e;
  --component-tabs-focus-halo: rgb(47 75 227 / 0.251);
  --component-tabs-disabled-fg: #858688;
  --component-tabs-panel-bg: #ffffff;
  --component-table-header-bg: #ffffff;
  --component-table-header-fg: #525254;
  --component-table-row-bg: #ffffff;
  --component-table-zebra-bg: #ffffff;
  --component-table-fg: #0e0e0f;
  --component-table-gridline: #78797a;
  --component-table-frozen-divider: #525254;
  --component-table-row-hover: rgb(10 10 10 / 0.0314);
  --component-table-selected-bg: #f5f8ff;
  --component-table-selected-fg: #0e0e0f;
  --component-table-selected-border: #2c47c7;
  --component-table-focus-ring: #12215e;
  --component-table-header-selected-bg: #dee8ff;
  --component-table-header-selected-fg: #12215e;
  --component-table-override-mark: #412706;
  --component-table-hatch: #525254;
  --component-table-header-hover: rgb(10 10 10 / 0.0314);
  --component-table-row-pressed: rgb(10 10 10 / 0.0392);
  --component-table-focus-halo: rgb(47 75 227 / 0.251);
  --component-table-disabled-fg: #858688;
  --component-table-invalid-mark: #521614;
  --component-table-invalid-fg: #521614;
  --component-chip-bg: rgb(10 10 10 / 0.0314);
  --component-chip-border: #78797a;
  --component-chip-fg: #525254;
  --component-chip-selected-bg: #eaf0ff;
  --component-chip-selected-border: #2c47c7;
  --component-chip-selected-fg: #12215e;
  --component-chip-hover-bg: rgb(10 10 10 / 0.0314);
  --component-chip-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-chip-focus-ring: #12215e;
  --component-chip-focus-halo: rgb(47 75 227 / 0.251);
  --component-chip-remove-fg: #525254;
  --component-chip-remove-hover: rgb(10 10 10 / 0.0314);
  --component-chip-disabled-fg: #858688;
  --component-chip-disabled-border: #78797a;
  --component-chip-invalid-border: #521614;
  --component-chip-invalid-fg: #521614;
  --component-badge-bg: rgb(10 10 10 / 0.0392);
  --component-badge-fg: #0e0e0f;
  --component-badge-success-bg: #e9f4ec;
  --component-badge-success-border: #1f6f3d;
  --component-badge-success-fg: #0f341c;
  --component-badge-success-solid-bg: #0f341c;
  --component-badge-success-solid-fg: #ffffff;
  --component-badge-warning-bg: #f8efe5;
  --component-badge-warning-border: #8b5500;
  --component-badge-warning-fg: #412706;
  --component-badge-warning-solid-bg: #412706;
  --component-badge-warning-solid-fg: #ffffff;
  --component-badge-danger-bg: #ffebe9;
  --component-badge-danger-border: #b32325;
  --component-badge-danger-fg: #521614;
  --component-badge-danger-solid-bg: #521614;
  --component-badge-danger-solid-fg: #ffffff;
  --component-badge-info-bg: #eaf0ff;
  --component-badge-info-border: #2c47c7;
  --component-badge-info-fg: #12215e;
  --component-badge-info-solid-bg: #2c47c7;
  --component-badge-info-solid-fg: #ffffff;
  --component-link-fg: #12215e;
  --component-link-fg-hover: #12215e;
  --component-link-underline: #2c47c7;
  --component-live-block-frame: #78797a;
  --component-live-block-caption-bg: #ffffff;
  --component-live-block-caption-fg: #525254;
  --component-live-block-live-dot: #0f341c;
  --component-live-block-stale-dot: #2c47c7;
  --component-live-block-pulse: rgb(47 75 227 / 0.349);
  --component-presence-self: #2c47c7;
  --component-presence-label-bg: #0e0e0f;
  --component-presence-label-fg: #ffffff;
  --component-presence-cursor-1: #ad5602;
  --component-presence-cursor-2: #2a977d;
  --component-presence-cursor-3: #a1568e;
  --component-presence-cursor-4: #827153;
  --component-presence-cursor-5: #7c81bc;
  --component-presence-cursor-6: #c9733c;
  --component-presence-cursor-7: #636363;
  --component-comment-mark: #412706;
  --component-comment-bg: #f8efe5;
  --component-comment-fg: #0e0e0f;
  --component-comment-thread-bg: #ffffff;
  --component-comment-thread-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-comment-resolved: #525254;
  --component-skeleton-bg: rgb(10 10 10 / 0.0314);
  --component-skeleton-highlight: rgb(10 10 10 / 0.0392);
  --component-progress-track: rgb(10 10 10 / 0.0392);
  --component-progress-fill: #2c47c7;
  --component-progress-label-fg: #525254;
  --component-progress-track-border: #525254;
  --component-progress-fill-success: #0f341c;
  --component-progress-fill-invalid: #521614;
  --component-progress-disabled-fill: #858688;
  --component-checkbox-box-bg: #ffffff;
  --component-checkbox-box-border: #525254;
  --component-checkbox-box-border-hover: #525254;
  --component-checkbox-hover-layer: rgb(10 10 10 / 0.0314);
  --component-checkbox-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-checkbox-checked-bg: #2c47c7;
  --component-checkbox-checked-bg-hover: #12215e;
  --component-checkbox-checked-fg: #ffffff;
  --component-checkbox-focus-ring: #12215e;
  --component-checkbox-focus-halo: rgb(47 75 227 / 0.251);
  --component-checkbox-label-fg: #0e0e0f;
  --component-checkbox-help-fg: #525254;
  --component-checkbox-disabled-bg: rgb(10 10 10 / 0.0314);
  --component-checkbox-disabled-border: #78797a;
  --component-checkbox-disabled-fg: #858688;
  --component-checkbox-invalid-border: #521614;
  --component-checkbox-invalid-fg: #521614;
  --component-radio-bg: #ffffff;
  --component-radio-border: #525254;
  --component-radio-border-hover: #525254;
  --component-radio-hover-layer: rgb(10 10 10 / 0.0314);
  --component-radio-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-radio-checked-border: #2c47c7;
  --component-radio-dot: #2c47c7;
  --component-radio-dot-hover: #12215e;
  --component-radio-focus-ring: #12215e;
  --component-radio-focus-halo: rgb(47 75 227 / 0.251);
  --component-radio-label-fg: #0e0e0f;
  --component-radio-help-fg: #525254;
  --component-radio-disabled-bg: rgb(10 10 10 / 0.0314);
  --component-radio-disabled-border: #78797a;
  --component-radio-disabled-fg: #858688;
  --component-radio-invalid-border: #521614;
  --component-radio-invalid-fg: #521614;
  --component-switch-track-off: #fafafb;
  --component-switch-track-off-border: #525254;
  --component-switch-thumb-off: #525254;
  --component-switch-track-on: #2c47c7;
  --component-switch-track-on-hover: #12215e;
  --component-switch-thumb-on: #ffffff;
  --component-switch-hover-layer: rgb(10 10 10 / 0.0314);
  --component-switch-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-switch-focus-ring: #12215e;
  --component-switch-focus-halo: rgb(47 75 227 / 0.251);
  --component-switch-label-fg: #0e0e0f;
  --component-switch-disabled-track: rgb(10 10 10 / 0.0314);
  --component-switch-disabled-border: #78797a;
  --component-switch-disabled-thumb: #858688;
  --component-switch-disabled-fg: #858688;
  --component-switch-invalid-border: #521614;
  --component-slider-track: #525254;
  --component-slider-fill: #2c47c7;
  --component-slider-thumb-bg: #ffffff;
  --component-slider-thumb-border: #2c47c7;
  --component-slider-hover-layer: rgb(10 10 10 / 0.0314);
  --component-slider-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-slider-focus-ring: #12215e;
  --component-slider-focus-halo: rgb(47 75 227 / 0.251);
  --component-slider-tick: #525254;
  --component-slider-value-fg: #0e0e0f;
  --component-slider-label-fg: #525254;
  --component-slider-disabled-track: #78797a;
  --component-slider-disabled-fill: #858688;
  --component-slider-disabled-thumb: #858688;
  --component-slider-invalid-fill: #521614;
  --component-date-field-bg: #ffffff;
  --component-date-field-border: #525254;
  --component-date-field-border-hover: #525254;
  --component-date-field-border-focus: #12215e;
  --component-date-field-fg: #0e0e0f;
  --component-date-field-placeholder: #525254;
  --component-date-field-icon: #525254;
  --component-date-field-segment-focus-bg: #eaf0ff;
  --component-date-field-segment-focus-fg: #12215e;
  --component-date-field-focus-ring: #12215e;
  --component-date-field-focus-halo: rgb(47 75 227 / 0.251);
  --component-date-field-popup-bg: #ffffff;
  --component-date-field-popup-border: #78797a;
  --component-date-field-popup-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-date-field-weekday-fg: #525254;
  --component-date-field-day-fg: #0e0e0f;
  --component-date-field-day-hover: rgb(10 10 10 / 0.0314);
  --component-date-field-day-pressed: rgb(10 10 10 / 0.0392);
  --component-date-field-day-outside-fg: #525254;
  --component-date-field-day-today-border: #2c47c7;
  --component-date-field-day-selected-bg: #2c47c7;
  --component-date-field-day-selected-fg: #ffffff;
  --component-date-field-day-range-bg: #f5f8ff;
  --component-date-field-day-disabled-fg: #858688;
  --component-date-field-disabled-bg: rgb(10 10 10 / 0.0314);
  --component-date-field-disabled-fg: #858688;
  --component-date-field-disabled-border: #78797a;
  --component-date-field-error-border: #521614;
  --component-date-field-error: #521614;
  --component-segmented-bg: #fafafb;
  --component-segmented-border: #78797a;
  --component-segmented-fg: #525254;
  --component-segmented-fg-hover: #0e0e0f;
  --component-segmented-hover-bg: rgb(10 10 10 / 0.0314);
  --component-segmented-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-segmented-selected-bg: #ffffff;
  --component-segmented-selected-fg: #0e0e0f;
  --component-segmented-selected-border: #525254;
  --component-segmented-selected-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-segmented-focus-ring: #12215e;
  --component-segmented-focus-halo: rgb(47 75 227 / 0.251);
  --component-segmented-divider: #78797a;
  --component-segmented-disabled-fg: #858688;
  --component-breadcrumbs-fg: #525254;
  --component-breadcrumbs-fg-hover: #0e0e0f;
  --component-breadcrumbs-hover-bg: rgb(10 10 10 / 0.0314);
  --component-breadcrumbs-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-breadcrumbs-current-fg: #0e0e0f;
  --component-breadcrumbs-separator: #525254;
  --component-breadcrumbs-focus-ring: #12215e;
  --component-breadcrumbs-focus-halo: rgb(47 75 227 / 0.251);
  --component-breadcrumbs-disabled-fg: #858688;
  --component-breadcrumbs-overflow-fg: #525254;
  --component-pagination-fg: #525254;
  --component-pagination-fg-hover: #0e0e0f;
  --component-pagination-hover-bg: rgb(10 10 10 / 0.0314);
  --component-pagination-pressed-layer: rgb(10 10 10 / 0.0392);
  --component-pagination-border: #78797a;
  --component-pagination-selected-bg: #eaf0ff;
  --component-pagination-selected-fg: #12215e;
  --component-pagination-selected-border: #2c47c7;
  --component-pagination-focus-ring: #12215e;
  --component-pagination-focus-halo: rgb(47 75 227 / 0.251);
  --component-pagination-ellipsis-fg: #525254;
  --component-pagination-label-fg: #525254;
  --component-pagination-disabled-fg: #858688;
  --component-spinner-track: #78797a;
  --component-spinner-arc: #2c47c7;
  --component-spinner-arc-on-accent: #ffffff;
  --component-spinner-arc-on-inverse: #ffffff;
  --component-spinner-arc-muted: #525254;
  --component-spinner-label-fg: #525254;
  --component-avatar-bg: #fafafb;
  --component-avatar-fg: #0e0e0f;
  --component-avatar-ring: #ffffff;
  --component-avatar-hover-ring: #525254;
  --component-avatar-selected-ring: #2c47c7;
  --component-avatar-focus-ring: #12215e;
  --component-avatar-focus-halo: rgb(47 75 227 / 0.251);
  --component-avatar-presence-available: #0f341c;
  --component-avatar-presence-busy: #521614;
  --component-avatar-presence-away: #412706;
  --component-avatar-presence-offline: #525254;
  --component-avatar-presence-ring: #ffffff;
  --component-avatar-overflow-bg: #fafafb;
  --component-avatar-overflow-fg: #525254;
  --component-avatar-disabled-fg: #858688;
  --component-empty-state-bg: #ffffff;
  --component-empty-state-icon: #525254;
  --component-empty-state-title-fg: #0e0e0f;
  --component-empty-state-fg: #525254;
  --component-empty-state-border: #525254;
  --component-empty-state-drop-hover-bg: #eaf0ff;
  --component-empty-state-drop-hover-border: #2c47c7;
  --component-empty-state-drop-hover-fg: #0e0e0f;
  --component-empty-state-focus-ring: #12215e;
  --component-empty-state-focus-halo: rgb(47 75 227 / 0.251);
  --component-empty-state-disabled-fg: #858688;
  --component-empty-state-invalid-border: #521614;
  --component-empty-state-invalid-fg: #521614;
  --component-banner-bg: #ffffff;
  --component-banner-border: #78797a;
  --component-banner-fg: #0e0e0f;
  --component-banner-fg-muted: #525254;
  --component-banner-icon: #525254;
  --component-banner-info-bg: #eaf0ff;
  --component-banner-info-border: #2c47c7;
  --component-banner-info-icon: #12215e;
  --component-banner-info-title: #12215e;
  --component-banner-info-fg: #0e0e0f;
  --component-banner-success-bg: #e9f4ec;
  --component-banner-success-border: #1f6f3d;
  --component-banner-success-icon: #0f341c;
  --component-banner-success-title: #0f341c;
  --component-banner-success-fg: #0e0e0f;
  --component-banner-warning-bg: #f8efe5;
  --component-banner-warning-border: #8b5500;
  --component-banner-warning-icon: #412706;
  --component-banner-warning-title: #412706;
  --component-banner-warning-fg: #0e0e0f;
  --component-banner-danger-bg: #ffebe9;
  --component-banner-danger-border: #b32325;
  --component-banner-danger-icon: #521614;
  --component-banner-danger-title: #521614;
  --component-banner-danger-fg: #0e0e0f;
  --component-banner-action-fg: #12215e;
  --component-banner-close-fg: #525254;
  --component-banner-close-hover: rgb(10 10 10 / 0.0314);
  --component-banner-close-pressed: rgb(10 10 10 / 0.0392);
  --component-banner-focus-ring: #12215e;
  --component-banner-focus-halo: rgb(47 75 227 / 0.251);
  --component-inbox-list-bg: #ffffff;
  --component-inbox-list-row-hover: rgb(10 10 10 / 0.0314);
  --component-inbox-list-row-active: rgb(10 10 10 / 0.0392);
  --component-inbox-list-divider: #78797a;
  --component-inbox-list-fg: #0e0e0f;
  --component-inbox-list-fg-muted: #525254;
  --component-inbox-list-meta: #525254;
  --component-inbox-list-unread-fg: #0e0e0f;
  --component-inbox-list-unread-dot: #2c47c7;
  --component-inbox-list-thread-count-bg: rgb(10 10 10 / 0.0314);
  --component-inbox-list-thread-count-fg: #525254;
  --component-inbox-list-thread-line: #78797a;
  --component-inbox-list-flag: #521614;
  --component-inbox-list-pinned: #12215e;
  --component-inbox-list-selected-bg: #f5f8ff;
  --component-inbox-list-selected-fg: #0e0e0f;
  --component-inbox-list-selected-rail: #2c47c7;
  --component-inbox-list-focus-ring: #12215e;
  --component-inbox-list-group-header-bg: #ffffff;
  --component-inbox-list-group-header-fg: #525254;
  --component-reader-bg: #ffffff;
  --component-reader-fg: #0e0e0f;
  --component-reader-subject-fg: #0e0e0f;
  --component-reader-meta: #525254;
  --component-reader-divider: #78797a;
  --component-reader-collapsed-bg: #ffffff;
  --component-reader-collapsed-fg: #525254;
  --component-reader-quote-bar: #525254;
  --component-reader-quote-fg: #525254;
  --component-reader-attachment-bg: #ffffff;
  --component-reader-attachment-border: #78797a;
  --component-reader-attachment-fg: #0e0e0f;
  --component-reader-banner-external-bg: #f8efe5;
  --component-reader-banner-external-border: #8b5500;
  --component-reader-banner-external-fg: #0e0e0f;
  --component-reader-banner-remote-bg: #eaf0ff;
  --component-reader-banner-remote-border: #2c47c7;
  --component-reader-banner-remote-fg: #0e0e0f;
  --component-reader-focus-ring: #12215e;
  --component-composer-bg: #ffffff;
  --component-composer-fg: #0e0e0f;
  --component-composer-placeholder: #525254;
  --component-composer-field-label: #525254;
  --component-composer-field-divider: #78797a;
  --component-composer-toolbar-bg: #ffffff;
  --component-composer-toolbar-fg: #525254;
  --component-composer-recipient-bg: rgb(10 10 10 / 0.0314);
  --component-composer-recipient-fg: #0e0e0f;
  --component-composer-recipient-external-bg: #f8efe5;
  --component-composer-recipient-external-border: #8b5500;
  --component-composer-recipient-external-fg: #412706;
  --component-composer-disclosure-bg: #f8efe5;
  --component-composer-disclosure-border: #8b5500;
  --component-composer-disclosure-fg: #0e0e0f;
  --component-composer-proposal-bg: #eaf0ff;
  --component-composer-proposal-border: #2c47c7;
  --component-composer-proposal-rail: #2c47c7;
  --component-composer-proposal-fg: #0e0e0f;
  --component-composer-shadow: 0px 16px 40px 0px rgb(10 10 10 / 0.1216), 0px 2px 6px 0px rgb(10 10 10 / 0.0784);
  --component-composer-focus-ring: #12215e;
  --component-calendar-bg: #ffffff;
  --component-calendar-gridline: #78797a;
  --component-calendar-gridline-hour: #78797a;
  --component-calendar-header-bg: #ffffff;
  --component-calendar-header-fg: #525254;
  --component-calendar-time-fg: #525254;
  --component-calendar-weekend-bg: #ffffff;
  --component-calendar-outside-month-fg: #525254;
  --component-calendar-today-bg: #eaf0ff;
  --component-calendar-today-fg: #12215e;
  --component-calendar-today-marker: #2c47c7;
  --component-calendar-today-marker-fg: #ffffff;
  --component-calendar-now-line: #521614;
  --component-calendar-slot-hover: rgb(10 10 10 / 0.0314);
  --component-calendar-selected-bg: #f5f8ff;
  --component-calendar-selected-border: #2c47c7;
  --component-calendar-focus-ring: #12215e;
  --component-calendar-event-bg: #ffffff;
  --component-calendar-event-border: #78797a;
  --component-calendar-event-fg: #0e0e0f;
  --component-calendar-event-fg-muted: #525254;
  --component-calendar-event-tentative-hatch: #525254;
  --component-calendar-event-declined-fg: #525254;
  --component-calendar-event-selected-bg: #f5f8ff;
  --component-calendar-event-selected-border: #2c47c7;
  --component-calendar-event-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-calendar-event-drag-shadow: 0px 4px 14px 0px rgb(10 10 10 / 0.1216);
  --component-calendar-event-rail-1: #2563eb;
  --component-calendar-event-rail-2: #ad5602;
  --component-calendar-event-rail-3: #2a977d;
  --component-calendar-event-rail-4: #a1568e;
  --component-calendar-event-rail-5: #827153;
  --component-calendar-event-rail-6: #7c81bc;
  --component-calendar-event-rail-7: #c9733c;
  --component-calendar-event-rail-8: #636363;
  --component-contact-card-bg: #ffffff;
  --component-contact-card-border: #78797a;
  --component-contact-card-name-fg: #0e0e0f;
  --component-contact-card-fg: #0e0e0f;
  --component-contact-card-fg-muted: #525254;
  --component-contact-card-field-label: #525254;
  --component-contact-card-divider: #78797a;
  --component-contact-card-avatar-bg: #eaf0ff;
  --component-contact-card-avatar-fg: #12215e;
  --component-contact-card-presence-available: #0f341c;
  --component-contact-card-presence-busy: #521614;
  --component-contact-card-presence-away: #412706;
  --component-contact-card-presence-offline: #525254;
  --component-contact-card-hover-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-contact-card-focus-ring: #12215e;
  --component-grid-bg: #ffffff;
  --component-grid-fg: #0e0e0f;
  --component-grid-fg-muted: #525254;
  --component-grid-gridline: #78797a;
  --component-grid-header-bg: #ffffff;
  --component-grid-header-fg: #525254;
  --component-grid-header-border: #78797a;
  --component-grid-header-hover: rgb(10 10 10 / 0.0314);
  --component-grid-header-selected-bg: #dee8ff;
  --component-grid-header-selected-fg: #12215e;
  --component-grid-header-selected-indicator: #2c47c7;
  --component-grid-frozen-bg: #ffffff;
  --component-grid-frozen-divider: #525254;
  --component-grid-selection-bg: #f5f8ff;
  --component-grid-selection-fg: #0e0e0f;
  --component-grid-selection-border: #2c47c7;
  --component-grid-focus-ring: #12215e;
  --component-grid-focus-halo: rgb(47 75 227 / 0.251);
  --component-grid-fill-handle: #2c47c7;
  --component-grid-fill-handle-border: #ffffff;
  --component-grid-copy-marquee: #2c47c7;
  --component-grid-edit-bg: #ffffff;
  --component-grid-edit-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-grid-drop-target: #2c47c7;
  --component-grid-spill-border: #525254;
  --component-grid-error-fg: #521614;
  --component-grid-error-mark: #521614;
  --component-grid-comment-mark: #412706;
  --component-grid-override-mark: #412706;
  --component-grid-hatch: #525254;
  --component-grid-table-header-bg: #fafafb;
  --component-grid-table-header-fg: #0e0e0f;
  --component-grid-table-band-bg: #ffffff;
  --component-grid-ref-1: #2563eb;
  --component-grid-ref-2: #ad5602;
  --component-grid-ref-3: #2a977d;
  --component-grid-ref-4: #a1568e;
  --component-grid-ref-5: #827153;
  --component-grid-ref-6: #7c81bc;
  --component-grid-ref-7: #c9733c;
  --component-grid-ref-8: #636363;
  --component-formula-bar-bg: #ffffff;
  --component-formula-bar-border: #78797a;
  --component-formula-bar-divider: #78797a;
  --component-formula-bar-name-box-bg: #ffffff;
  --component-formula-bar-name-box-fg: #0e0e0f;
  --component-formula-bar-name-box-border: #525254;
  --component-formula-bar-fx-fg: #525254;
  --component-formula-bar-input-fg: #0e0e0f;
  --component-formula-bar-placeholder: #525254;
  --component-formula-bar-focus-ring: #12215e;
  --component-formula-bar-syntax-function: #12215e;
  --component-formula-bar-syntax-string: #0f341c;
  --component-formula-bar-syntax-number: #0e0e0f;
  --component-formula-bar-syntax-operator: #525254;
  --component-formula-bar-syntax-error: #521614;
  --component-formula-bar-hint-fg: #525254;
  --component-formula-bar-hint-active-fg: #0e0e0f;
  --component-formula-bar-ref-1: #2563eb;
  --component-formula-bar-ref-2: #ad5602;
  --component-formula-bar-ref-3: #2a977d;
  --component-formula-bar-ref-4: #a1568e;
  --component-formula-bar-ref-5: #827153;
  --component-formula-bar-ref-6: #7c81bc;
  --component-formula-bar-ref-7: #c9733c;
  --component-formula-bar-ref-8: #636363;
  --component-sheet-tabs-bar-bg: #ffffff;
  --component-sheet-tabs-bar-border: #78797a;
  --component-sheet-tabs-fg: #525254;
  --component-sheet-tabs-hover-bg: rgb(10 10 10 / 0.0314);
  --component-sheet-tabs-fg-hover: #0e0e0f;
  --component-sheet-tabs-active-bg: #ffffff;
  --component-sheet-tabs-active-fg: #0e0e0f;
  --component-sheet-tabs-active-border: #78797a;
  --component-sheet-tabs-indicator: #2c47c7;
  --component-sheet-tabs-focus-ring: #12215e;
  --component-sheet-tabs-add-fg: #525254;
  --component-sheet-tabs-rail-1: #2563eb;
  --component-sheet-tabs-rail-2: #ad5602;
  --component-sheet-tabs-rail-3: #2a977d;
  --component-sheet-tabs-rail-4: #a1568e;
  --component-sheet-tabs-rail-5: #827153;
  --component-sheet-tabs-rail-6: #7c81bc;
  --component-sheet-tabs-rail-7: #c9733c;
  --component-sheet-tabs-rail-8: #636363;
  --component-chart-bg: #ffffff;
  --component-chart-title-fg: #0e0e0f;
  --component-chart-subtitle-fg: #525254;
  --component-chart-gridline: #78797a;
  --component-chart-axis: #525254;
  --component-chart-label: #525254;
  --component-chart-legend-fg: #525254;
  --component-chart-target-line: #525254;
  --component-chart-annotation-fg: #0e0e0f;
  --component-chart-selected-border: #2c47c7;
  --component-chart-focus-ring: #12215e;
  --component-chart-plot-hover: rgb(10 10 10 / 0.0314);
  --component-chart-editor-bg: #ffffff;
  --component-chart-editor-border: #78797a;
  --component-chart-editor-section-fg: #525254;
  --component-chart-editor-swatch-border: #78797a;
  --component-chart-series-1: #2563eb;
  --component-chart-series-2: #ad5602;
  --component-chart-series-3: #2a977d;
  --component-chart-series-4: #a1568e;
  --component-chart-series-5: #827153;
  --component-chart-series-6: #7c81bc;
  --component-chart-series-7: #c9733c;
  --component-chart-series-8: #636363;
  --component-kpi-tile-bg: #ffffff;
  --component-kpi-tile-border: #78797a;
  --component-kpi-tile-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-kpi-tile-label-fg: #525254;
  --component-kpi-tile-value-fg: #0e0e0f;
  --component-kpi-tile-meta-fg: #525254;
  --component-kpi-tile-delta-up-fg: #0f341c;
  --component-kpi-tile-delta-down-fg: #521614;
  --component-kpi-tile-delta-flat-fg: #525254;
  --component-kpi-tile-delta-up-bg: #e9f4ec;
  --component-kpi-tile-delta-down-bg: #ffebe9;
  --component-kpi-tile-sparkline: #2563eb;
  --component-kpi-tile-target: #525254;
  --component-kpi-tile-focus-ring: #12215e;
  --component-dashboard-canvas-bg: #ffffff;
  --component-dashboard-canvas-grid: #78797a;
  --component-dashboard-tile-bg: #ffffff;
  --component-dashboard-tile-border: #78797a;
  --component-dashboard-tile-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-dashboard-tile-hover-border: #525254;
  --component-dashboard-tile-selected-border: #2c47c7;
  --component-dashboard-tile-focus-ring: #12215e;
  --component-dashboard-tile-drag-shadow: 0px 4px 14px 0px rgb(10 10 10 / 0.1216);
  --component-dashboard-title-fg: #0e0e0f;
  --component-dashboard-meta-fg: #525254;
  --component-dashboard-stale-fg: #412706;
  --component-dashboard-guide: #2c47c7;
  --component-dashboard-handle-bg: #ffffff;
  --component-dashboard-handle-border: #2c47c7;
  --component-dashboard-filter-bar-bg: #ffffff;
  --component-dashboard-filter-bar-border: #78797a;
  --component-dashboard-empty-fg: #525254;
  --component-dashboard-empty-border: #78797a;
  --component-slicer-bg: #ffffff;
  --component-slicer-fg: #0e0e0f;
  --component-slicer-border: #525254;
  --component-slicer-hover-bg: rgb(10 10 10 / 0.0314);
  --component-slicer-selected-bg: #eaf0ff;
  --component-slicer-selected-fg: #12215e;
  --component-slicer-selected-border: #2c47c7;
  --component-slicer-focus-ring: #12215e;
  --component-slicer-label-fg: #525254;
  --component-slicer-count-bg: #2c47c7;
  --component-slicer-count-fg: #ffffff;
  --component-slicer-clear-fg: #525254;
  --component-slicer-disabled-fg: #858688;
  --component-field-list-bg: #ffffff;
  --component-field-list-fg: #0e0e0f;
  --component-field-list-fg-muted: #525254;
  --component-field-list-section-fg: #525254;
  --component-field-list-icon-fg: #525254;
  --component-field-list-measure-fg: #12215e;
  --component-field-list-item-hover: rgb(10 10 10 / 0.0314);
  --component-field-list-item-selected-bg: #f5f8ff;
  --component-field-list-item-selected-rail: #2c47c7;
  --component-field-list-focus-ring: #12215e;
  --component-field-list-well-bg: #ffffff;
  --component-field-list-well-border: #525254;
  --component-field-list-drop-target: #2c47c7;
  --component-field-list-well-item-bg: #ffffff;
  --component-field-list-well-item-border: #78797a;
  --component-field-list-model-canvas-bg: #fafafb;
  --component-field-list-model-table-bg: #ffffff;
  --component-field-list-model-table-header-bg: #ffffff;
  --component-field-list-model-table-border: #78797a;
  --component-field-list-model-table-shadow: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --component-field-list-relationship: #525254;
  --component-field-list-relationship-selected: #2c47c7;
  --component-list-view-bg: #ffffff;
  --component-list-view-fg: #0e0e0f;
  --component-list-view-fg-muted: #525254;
  --component-list-view-icon-fg: #525254;
  --component-list-view-disabled-fg: #858688;
  --component-list-view-divider: #78797a;
  --component-list-view-row-hover: rgb(10 10 10 / 0.0314);
  --component-list-view-selected-bg: #f5f8ff;
  --component-list-view-selected-fg: #0e0e0f;
  --component-list-view-selected-rail: #2c47c7;
  --component-list-view-focus-ring: #12215e;
  --component-list-view-focus-halo: rgb(47 75 227 / 0.251);
  --component-list-view-tree-guide: #78797a;
  --component-list-view-twisty-fg: #525254;
  --component-list-view-drop-target: #2c47c7;
  --component-canvas-bg: #fafafb;
  --component-canvas-board-bg: #ffffff;
  --component-canvas-page-bg: #ffffff;
  --component-canvas-board-grid: #78797a;
  --component-canvas-object-hover-border: #525254;
  --component-canvas-selected-border: #2c47c7;
  --component-canvas-handle-bg: #ffffff;
  --component-canvas-handle-border: #2c47c7;
  --component-canvas-marquee-bg: #f5f8ff;
  --component-canvas-marquee-border: #2c47c7;
  --component-canvas-connector: #525254;
  --component-canvas-connector-selected: #2c47c7;
  --component-canvas-guide: #2c47c7;
  --component-canvas-focus-ring: #12215e;
  --component-canvas-focus-halo: rgb(47 75 227 / 0.251);
  --v1-color-bg: #ffffff;
  --v1-color-surface: #ffffff;
  --v1-color-surface-2: #fafafb;
  --v1-color-surface-3: #fafafb;
  --v1-color-line: #78797a;
  --v1-color-line-strong: #525254;
  --v1-color-control-border: #525254;
  --v1-color-ink: #0e0e0f;
  --v1-color-ink-2: #525254;
  --v1-color-ink-3: #525254;
  --v1-color-ink-disabled: #858688;
  --v1-color-accent: #2c47c7;
  --v1-color-accent-text: #12215e;
  --v1-color-accent-fill: #2c47c7;
  --v1-color-accent-fill-hover: #12215e;
  --v1-color-on-accent: #ffffff;
  --v1-color-accent-soft: #eaf0ff;
  --v1-color-focus: #12215e;
  --v1-color-ok: #0f341c;
  --v1-color-ok-text: #0f341c;
  --v1-color-ok-soft: #e9f4ec;
  --v1-color-warning: #412706;
  --v1-color-warning-text: #412706;
  --v1-color-warning-soft: #f8efe5;
  --v1-color-danger: #521614;
  --v1-color-danger-text: #521614;
  --v1-color-danger-soft: #ffebe9;
  --v1-color-on-danger: #ffffff;
  --v1-color-info: #2c47c7;
  --v1-color-info-text: #12215e;
  --v1-color-info-soft: #eaf0ff;
  --v1-color-scrim: rgb(10 10 10 / 0.4);
  --v1-color-comment: #412706;
  --v1-grid-gridline: #78797a;
  --v1-grid-header: #ffffff;
  --v1-grid-header-selected: #dee8ff;
  --v1-grid-header-text: #525254;
  --v1-grid-selection-fill: #f5f8ff;
  --v1-grid-selection-border: #2c47c7;
  --v1-grid-frozen-divider: #525254;
  --v1-grid-override: #412706;
  --v1-grid-hatch: #525254;
  --v1-live-block-frame: #78797a;
  --v1-live-block-caption: #ffffff;
  --v1-live-block-caption-text: #525254;
  --v1-live-block-live: #0f341c;
  --v1-elevation-1: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --v1-elevation-2: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --v1-elevation-dark-1: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
  --v1-elevation-dark-2: 0px 4px 16px 0px rgb(10 10 10 / 0.0784), 0px 1px 2px 0px rgb(10 10 10 / 0.0588);
}

:root[data-theme="high-contrast-dark"] {
  color-scheme: dark;
  --color-bg-canvas: #0b0b0c;
  --color-bg-sunken: #060607;
  --color-bg-surface: #0b0b0c;
  --color-bg-raised: #121313;
  --color-bg-overlay: #1b1b1c;
  --color-bg-inverse: #f1f2f3;
  --color-bg-inverse-hover: #dadbdc;
  --color-bg-hover: #1b1b1c;
  --color-bg-active: #222324;
  --color-bg-selected: #182347;
  --color-fg-default: #f1f2f3;
  --color-fg-muted: #bababc;
  --color-fg-subtle: #bababc;
  --color-fg-disabled: #757677;
  --color-fg-on-accent: #0b0b0c;
  --color-fg-inverse: #0b0b0c;
  --color-border-subtle: #828385;
  --color-border-default: #828385;
  --color-border-strong: #bababc;
  --color-border-control: #bababc;
  --color-accent-solid: #9db8ff;
  --color-accent-solid-hover: #e1e9ff;
  --color-accent-fg: #9db8ff;
  --color-accent-bg: #121828;
  --color-accent-bg-hover: #182347;
  --color-accent-border: #9db8ff;
  --color-accent-indicator: #9db8ff;
  --color-accent-pulse: rgb(104 139 243 / 0.349);
  --color-focus-ring: #e1e9ff;
  --color-focus-halo: rgb(104 139 243 / 0.302);
  --color-selection-bg: #182347;
  --color-selection-fg: #f1f2f3;
  --color-selection-border: #9db8ff;
  --color-state-hover: rgb(255 255 255 / 0.051);
  --color-state-active: rgb(255 255 255 / 0.0706);
  --color-scrim: rgb(0 0 0 / 0.6392);
  --color-success-bg: #111c14;
  --color-success-border: #72cf8e;
  --color-success-solid: #72cf8e;
  --color-success-solid-hover: #d0f2d8;
  --color-success-fg: #72cf8e;
  --color-success-on-solid: #0b0b0c;
  --color-warning-bg: #20170d;
  --color-warning-border: #ffbb6f;
  --color-warning-solid: #ffbb6f;
  --color-warning-solid-hover: #ffe7cd;
  --color-warning-fg: #ffbb6f;
  --color-warning-on-solid: #0b0b0c;
  --color-danger-bg: #251311;
  --color-danger-border: #fb988f;
  --color-danger-solid: #fb988f;
  --color-danger-solid-hover: #ffe2de;
  --color-danger-fg: #fb988f;
  --color-danger-on-solid: #0b0b0c;
  --color-info-bg: #121828;
  --color-info-border: #9db8ff;
  --color-info-solid: #9db8ff;
  --color-info-solid-hover: #e1e9ff;
  --color-info-fg: #9db8ff;
  --color-info-on-solid: #0b0b0c;
  --color-category-red: #ffa0a2;
  --color-category-orange: #ffa55a;
  --color-category-peach: #e9b129;
  --color-category-yellow: #c4bf0a;
  --color-category-green: #3bd606;
  --color-category-teal: #69ccb0;
  --color-category-olive: #abc199;
  --color-category-blue: #97bbfe;
  --color-category-purple: #c7adff;
  --color-category-maroon: #efa4c8;
  --color-category-steel: #c0b5d4;
  --color-category-dark-steel: #7686a4;
  --color-category-gray: #cfcfcc;
  --color-category-dark-gray: #a6a6a3;
  --color-category-black: #858583;
  --color-category-dark-red: #ff2e38;
  --color-category-dark-orange: #dd5e02;
  --color-category-dark-peach: #b37a05;
  --color-category-dark-yellow: #989402;
  --color-category-dark-green: #1b9b02;
  --color-category-dark-teal: #079772;
  --color-category-dark-olive: #86aa71;
  --color-category-dark-blue: #3181fe;
  --color-category-dark-purple: #9468ff;
  --color-category-dark-maroon: #d65798;
  --elevation-raised: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --elevation-overlay: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --elevation-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --elevation-lift: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
  --elevation-level-0-bg: #0b0b0c;
  --elevation-level-0-highlight: rgb(255 255 255 / 0);
  --elevation-level-1-bg: #0b0b0c;
  --elevation-level-1-highlight: rgb(255 255 255 / 0);
  --elevation-level-2-bg: #121313;
  --elevation-level-2-highlight: rgb(255 255 255 / 0.0392);
  --elevation-level-2-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --elevation-level-3-bg: #1b1b1c;
  --elevation-level-3-highlight: rgb(255 255 255 / 0.0588);
  --elevation-level-3-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --elevation-level-3-shadow-modal: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --dataviz-categorical-1: #6194fb;
  --dataviz-categorical-2: #d68742;
  --dataviz-categorical-3: #72c8b8;
  --dataviz-categorical-4: #c283b3;
  --dataviz-categorical-5: #b3a48b;
  --dataviz-categorical-6: #a0b0e6;
  --dataviz-categorical-7: #f4b07a;
  --dataviz-categorical-8: #908d86;
  --dataviz-sequential-1: #142341;
  --dataviz-sequential-2: #1b3363;
  --dataviz-sequential-3: #26468a;
  --dataviz-sequential-4: #305bb4;
  --dataviz-sequential-5: #3f71da;
  --dataviz-sequential-6: #568af6;
  --dataviz-sequential-7: #82adff;
  --dataviz-sequential-8: #b9d2ff;
  --dataviz-diverging-1: #9cbeff;
  --dataviz-diverging-2: #5688ec;
  --dataviz-diverging-3: #2d4f94;
  --dataviz-diverging-4: #3a3a3a;
  --dataviz-diverging-5: #7b461e;
  --dataviz-diverging-6: #cf752d;
  --dataviz-diverging-7: #f4b082;
  --dataviz-gridline: #828385;
  --dataviz-axis: #bababc;
  --dataviz-label: #bababc;
  --component-button-primary-bg: #f1f2f3;
  --component-button-primary-bg-hover: #dadbdc;
  --component-button-primary-fg: #0b0b0c;
  --component-button-secondary-bg: #0b0b0c;
  --component-button-secondary-bg-hover: rgb(255 255 255 / 0.051);
  --component-button-secondary-border: #bababc;
  --component-button-secondary-fg: #f1f2f3;
  --component-button-accent-bg: #9db8ff;
  --component-button-accent-bg-hover: #e1e9ff;
  --component-button-accent-fg: #0b0b0c;
  --component-button-ghost-bg-hover: rgb(255 255 255 / 0.051);
  --component-button-ghost-fg: #f1f2f3;
  --component-button-ghost-fg-muted: #bababc;
  --component-button-danger-bg: #fb988f;
  --component-button-danger-bg-hover: #ffe2de;
  --component-button-danger-fg: #0b0b0c;
  --component-button-danger-subtle-bg: #251311;
  --component-button-danger-subtle-bg-hover: rgb(255 255 255 / 0.051);
  --component-button-danger-subtle-border: #fb988f;
  --component-button-danger-subtle-fg: #fb988f;
  --component-button-state-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-button-state-disabled-bg: rgb(255 255 255 / 0.051);
  --component-button-state-disabled-fg: #757677;
  --component-button-state-focus-ring: #e1e9ff;
  --component-button-state-focus-halo: rgb(104 139 243 / 0.302);
  --component-button-state-selected-bg: #182347;
  --component-button-state-selected-fg: #9db8ff;
  --component-button-state-selected-border: #9db8ff;
  --component-input-bg: #060607;
  --component-input-border: #bababc;
  --component-input-border-hover: #bababc;
  --component-input-border-focus: #e1e9ff;
  --component-input-fg: #f1f2f3;
  --component-input-placeholder: #bababc;
  --component-input-label: #bababc;
  --component-input-help: #bababc;
  --component-input-error: #fb988f;
  --component-input-error-border: #fb988f;
  --component-input-disabled-bg: rgb(255 255 255 / 0.051);
  --component-input-disabled-fg: #757677;
  --component-input-bg-hover: #0b0b0c;
  --component-input-focus-ring: #e1e9ff;
  --component-input-focus-halo: rgb(104 139 243 / 0.302);
  --component-input-selection-bg: #182347;
  --component-input-error-icon: #fb988f;
  --component-input-disabled-border: #828385;
  --component-select-bg: #060607;
  --component-select-border: #bababc;
  --component-select-fg: #f1f2f3;
  --component-select-chevron: #bababc;
  --component-select-border-hover: #bababc;
  --component-select-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-select-focus-ring: #e1e9ff;
  --component-select-focus-halo: rgb(104 139 243 / 0.302);
  --component-select-placeholder: #bababc;
  --component-select-list-bg: #1b1b1c;
  --component-select-list-border: #828385;
  --component-select-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-select-option-fg: #f1f2f3;
  --component-select-option-hover: rgb(255 255 255 / 0.051);
  --component-select-option-pressed: rgb(255 255 255 / 0.0706);
  --component-select-option-selected-bg: #182347;
  --component-select-option-selected-fg: #f1f2f3;
  --component-select-option-check: #9db8ff;
  --component-select-disabled-bg: rgb(255 255 255 / 0.051);
  --component-select-disabled-fg: #757677;
  --component-select-disabled-border: #828385;
  --component-select-error-border: #fb988f;
  --component-select-error: #fb988f;
  --component-combobox-bg: #060607;
  --component-combobox-border: #bababc;
  --component-combobox-fg: #f1f2f3;
  --component-combobox-list-bg: #1b1b1c;
  --component-combobox-option-hover: rgb(255 255 255 / 0.051);
  --component-combobox-option-selected-bg: #182347;
  --component-combobox-match-bg: #121828;
  --component-combobox-match-fg: #f1f2f3;
  --component-combobox-border-hover: #bababc;
  --component-combobox-focus-ring: #e1e9ff;
  --component-combobox-focus-halo: rgb(104 139 243 / 0.302);
  --component-combobox-placeholder: #bababc;
  --component-combobox-list-border: #828385;
  --component-combobox-list-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-combobox-option-fg: #f1f2f3;
  --component-combobox-option-pressed: rgb(255 255 255 / 0.0706);
  --component-combobox-option-selected-fg: #f1f2f3;
  --component-combobox-option-check: #9db8ff;
  --component-combobox-disabled-bg: rgb(255 255 255 / 0.051);
  --component-combobox-disabled-fg: #757677;
  --component-combobox-disabled-border: #828385;
  --component-combobox-error-border: #fb988f;
  --component-combobox-error: #fb988f;
  --component-control-border: #bababc;
  --component-control-checked-bg: #9db8ff;
  --component-control-checked-fg: #0b0b0c;
  --component-control-track: rgb(255 255 255 / 0.0706);
  --component-control-thumb: #0b0b0c;
  --component-menu-bg: #1b1b1c;
  --component-menu-border: #828385;
  --component-menu-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-menu-fg: #f1f2f3;
  --component-menu-item-hover: rgb(255 255 255 / 0.051);
  --component-menu-item-checked-bg: #182347;
  --component-menu-check: #9db8ff;
  --component-menu-shortcut: #bababc;
  --component-menu-label: #bababc;
  --component-menu-danger: #fb988f;
  --component-menu-separator: #828385;
  --component-menu-rail: #9db8ff;
  --component-menu-item-pressed: rgb(255 255 255 / 0.0706);
  --component-menu-focus-ring: #e1e9ff;
  --component-menu-focus-halo: rgb(104 139 243 / 0.302);
  --component-menu-disabled-fg: #757677;
  --component-popover-bg: #1b1b1c;
  --component-popover-border: #828385;
  --component-popover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-popover-fg: #f1f2f3;
  --component-popover-fg-muted: #bababc;
  --component-tooltip-bg: #1b1b1c;
  --component-tooltip-fg: #f1f2f3;
  --component-tooltip-border: #828385;
  --component-tooltip-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-card-bg: #0b0b0c;
  --component-card-border: #828385;
  --component-card-fg: #f1f2f3;
  --component-card-fg-muted: #bababc;
  --component-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-card-drag-bg: #121313;
  --component-card-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-card-selected-bg: #182347;
  --component-card-selected-border: #9db8ff;
  --component-card-hover-border: #bababc;
  --component-card-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-card-focus-ring: #e1e9ff;
  --component-card-focus-halo: rgb(104 139 243 / 0.302);
  --component-card-disabled-fg: #757677;
  --component-modal-bg: #1b1b1c;
  --component-modal-border: #828385;
  --component-modal-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --component-modal-scrim: rgb(0 0 0 / 0.6392);
  --component-modal-title: #f1f2f3;
  --component-modal-fg: #bababc;
  --component-modal-close-fg: #bababc;
  --component-modal-close-hover: rgb(255 255 255 / 0.051);
  --component-modal-close-pressed: rgb(255 255 255 / 0.0706);
  --component-modal-focus-ring: #e1e9ff;
  --component-modal-focus-halo: rgb(104 139 243 / 0.302);
  --component-modal-divider: #828385;
  --component-sheet-bg: #1b1b1c;
  --component-sheet-border: #828385;
  --component-sheet-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --component-sheet-scrim: rgb(0 0 0 / 0.6392);
  --component-sheet-title: #f1f2f3;
  --component-sheet-fg: #bababc;
  --component-sheet-handle: #bababc;
  --component-sheet-close-fg: #bababc;
  --component-sheet-close-hover: rgb(255 255 255 / 0.051);
  --component-sheet-close-pressed: rgb(255 255 255 / 0.0706);
  --component-sheet-focus-ring: #e1e9ff;
  --component-sheet-focus-halo: rgb(104 139 243 / 0.302);
  --component-sheet-divider: #828385;
  --component-toast-bg: #1b1b1c;
  --component-toast-border: #828385;
  --component-toast-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-toast-title: #f1f2f3;
  --component-toast-fg: #bababc;
  --component-toast-drain: #9db8ff;
  --component-toast-icon-success: #72cf8e;
  --component-toast-icon-warning: #ffbb6f;
  --component-toast-icon-danger: #fb988f;
  --component-toast-icon-info: #9db8ff;
  --component-toast-action-fg: #9db8ff;
  --component-toast-close-fg: #bababc;
  --component-toast-close-hover: rgb(255 255 255 / 0.051);
  --component-toast-close-pressed: rgb(255 255 255 / 0.0706);
  --component-toast-focus-ring: #e1e9ff;
  --component-toast-focus-halo: rgb(104 139 243 / 0.302);
  --component-tabs-fg: #bababc;
  --component-tabs-fg-hover: #f1f2f3;
  --component-tabs-selected-fg: #f1f2f3;
  --component-tabs-indicator: #9db8ff;
  --component-tabs-border: #828385;
  --component-tabs-hover-bg: rgb(255 255 255 / 0.051);
  --component-tabs-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-tabs-focus-ring: #e1e9ff;
  --component-tabs-focus-halo: rgb(104 139 243 / 0.302);
  --component-tabs-disabled-fg: #757677;
  --component-tabs-panel-bg: #0b0b0c;
  --component-table-header-bg: #0b0b0c;
  --component-table-header-fg: #bababc;
  --component-table-row-bg: #0b0b0c;
  --component-table-zebra-bg: #0b0b0c;
  --component-table-fg: #f1f2f3;
  --component-table-gridline: #828385;
  --component-table-frozen-divider: #bababc;
  --component-table-row-hover: rgb(255 255 255 / 0.051);
  --component-table-selected-bg: #182347;
  --component-table-selected-fg: #f1f2f3;
  --component-table-selected-border: #9db8ff;
  --component-table-focus-ring: #e1e9ff;
  --component-table-header-selected-bg: #182347;
  --component-table-header-selected-fg: #9db8ff;
  --component-table-override-mark: #ffbb6f;
  --component-table-hatch: #bababc;
  --component-table-header-hover: rgb(255 255 255 / 0.051);
  --component-table-row-pressed: rgb(255 255 255 / 0.0706);
  --component-table-focus-halo: rgb(104 139 243 / 0.302);
  --component-table-disabled-fg: #757677;
  --component-table-invalid-mark: #fb988f;
  --component-table-invalid-fg: #fb988f;
  --component-chip-bg: rgb(255 255 255 / 0.051);
  --component-chip-border: #828385;
  --component-chip-fg: #bababc;
  --component-chip-selected-bg: #121828;
  --component-chip-selected-border: #9db8ff;
  --component-chip-selected-fg: #9db8ff;
  --component-chip-hover-bg: rgb(255 255 255 / 0.051);
  --component-chip-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-chip-focus-ring: #e1e9ff;
  --component-chip-focus-halo: rgb(104 139 243 / 0.302);
  --component-chip-remove-fg: #bababc;
  --component-chip-remove-hover: rgb(255 255 255 / 0.051);
  --component-chip-disabled-fg: #757677;
  --component-chip-disabled-border: #828385;
  --component-chip-invalid-border: #fb988f;
  --component-chip-invalid-fg: #fb988f;
  --component-badge-bg: rgb(255 255 255 / 0.0706);
  --component-badge-fg: #f1f2f3;
  --component-badge-success-bg: #111c14;
  --component-badge-success-border: #72cf8e;
  --component-badge-success-fg: #72cf8e;
  --component-badge-success-solid-bg: #72cf8e;
  --component-badge-success-solid-fg: #0b0b0c;
  --component-badge-warning-bg: #20170d;
  --component-badge-warning-border: #ffbb6f;
  --component-badge-warning-fg: #ffbb6f;
  --component-badge-warning-solid-bg: #ffbb6f;
  --component-badge-warning-solid-fg: #0b0b0c;
  --component-badge-danger-bg: #251311;
  --component-badge-danger-border: #fb988f;
  --component-badge-danger-fg: #fb988f;
  --component-badge-danger-solid-bg: #fb988f;
  --component-badge-danger-solid-fg: #0b0b0c;
  --component-badge-info-bg: #121828;
  --component-badge-info-border: #9db8ff;
  --component-badge-info-fg: #9db8ff;
  --component-badge-info-solid-bg: #9db8ff;
  --component-badge-info-solid-fg: #0b0b0c;
  --component-link-fg: #9db8ff;
  --component-link-fg-hover: #9db8ff;
  --component-link-underline: #9db8ff;
  --component-live-block-frame: #828385;
  --component-live-block-caption-bg: #0b0b0c;
  --component-live-block-caption-fg: #bababc;
  --component-live-block-live-dot: #72cf8e;
  --component-live-block-stale-dot: #9db8ff;
  --component-live-block-pulse: rgb(104 139 243 / 0.349);
  --component-presence-self: #9db8ff;
  --component-presence-label-bg: #f1f2f3;
  --component-presence-label-fg: #0b0b0c;
  --component-presence-cursor-1: #d68742;
  --component-presence-cursor-2: #72c8b8;
  --component-presence-cursor-3: #c283b3;
  --component-presence-cursor-4: #b3a48b;
  --component-presence-cursor-5: #a0b0e6;
  --component-presence-cursor-6: #f4b07a;
  --component-presence-cursor-7: #908d86;
  --component-comment-mark: #ffbb6f;
  --component-comment-bg: #20170d;
  --component-comment-fg: #f1f2f3;
  --component-comment-thread-bg: #121313;
  --component-comment-thread-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-comment-resolved: #bababc;
  --component-skeleton-bg: rgb(255 255 255 / 0.051);
  --component-skeleton-highlight: rgb(255 255 255 / 0.0706);
  --component-progress-track: rgb(255 255 255 / 0.0706);
  --component-progress-fill: #9db8ff;
  --component-progress-label-fg: #bababc;
  --component-progress-track-border: #bababc;
  --component-progress-fill-success: #72cf8e;
  --component-progress-fill-invalid: #fb988f;
  --component-progress-disabled-fill: #757677;
  --component-checkbox-box-bg: #0b0b0c;
  --component-checkbox-box-border: #bababc;
  --component-checkbox-box-border-hover: #bababc;
  --component-checkbox-hover-layer: rgb(255 255 255 / 0.051);
  --component-checkbox-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-checkbox-checked-bg: #9db8ff;
  --component-checkbox-checked-bg-hover: #e1e9ff;
  --component-checkbox-checked-fg: #0b0b0c;
  --component-checkbox-focus-ring: #e1e9ff;
  --component-checkbox-focus-halo: rgb(104 139 243 / 0.302);
  --component-checkbox-label-fg: #f1f2f3;
  --component-checkbox-help-fg: #bababc;
  --component-checkbox-disabled-bg: rgb(255 255 255 / 0.051);
  --component-checkbox-disabled-border: #828385;
  --component-checkbox-disabled-fg: #757677;
  --component-checkbox-invalid-border: #fb988f;
  --component-checkbox-invalid-fg: #fb988f;
  --component-radio-bg: #0b0b0c;
  --component-radio-border: #bababc;
  --component-radio-border-hover: #bababc;
  --component-radio-hover-layer: rgb(255 255 255 / 0.051);
  --component-radio-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-radio-checked-border: #9db8ff;
  --component-radio-dot: #9db8ff;
  --component-radio-dot-hover: #e1e9ff;
  --component-radio-focus-ring: #e1e9ff;
  --component-radio-focus-halo: rgb(104 139 243 / 0.302);
  --component-radio-label-fg: #f1f2f3;
  --component-radio-help-fg: #bababc;
  --component-radio-disabled-bg: rgb(255 255 255 / 0.051);
  --component-radio-disabled-border: #828385;
  --component-radio-disabled-fg: #757677;
  --component-radio-invalid-border: #fb988f;
  --component-radio-invalid-fg: #fb988f;
  --component-switch-track-off: #060607;
  --component-switch-track-off-border: #bababc;
  --component-switch-thumb-off: #bababc;
  --component-switch-track-on: #9db8ff;
  --component-switch-track-on-hover: #e1e9ff;
  --component-switch-thumb-on: #0b0b0c;
  --component-switch-hover-layer: rgb(255 255 255 / 0.051);
  --component-switch-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-switch-focus-ring: #e1e9ff;
  --component-switch-focus-halo: rgb(104 139 243 / 0.302);
  --component-switch-label-fg: #f1f2f3;
  --component-switch-disabled-track: rgb(255 255 255 / 0.051);
  --component-switch-disabled-border: #828385;
  --component-switch-disabled-thumb: #757677;
  --component-switch-disabled-fg: #757677;
  --component-switch-invalid-border: #fb988f;
  --component-slider-track: #bababc;
  --component-slider-fill: #9db8ff;
  --component-slider-thumb-bg: #0b0b0c;
  --component-slider-thumb-border: #9db8ff;
  --component-slider-hover-layer: rgb(255 255 255 / 0.051);
  --component-slider-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-slider-focus-ring: #e1e9ff;
  --component-slider-focus-halo: rgb(104 139 243 / 0.302);
  --component-slider-tick: #bababc;
  --component-slider-value-fg: #f1f2f3;
  --component-slider-label-fg: #bababc;
  --component-slider-disabled-track: #828385;
  --component-slider-disabled-fill: #757677;
  --component-slider-disabled-thumb: #757677;
  --component-slider-invalid-fill: #fb988f;
  --component-date-field-bg: #0b0b0c;
  --component-date-field-border: #bababc;
  --component-date-field-border-hover: #bababc;
  --component-date-field-border-focus: #e1e9ff;
  --component-date-field-fg: #f1f2f3;
  --component-date-field-placeholder: #bababc;
  --component-date-field-icon: #bababc;
  --component-date-field-segment-focus-bg: #121828;
  --component-date-field-segment-focus-fg: #9db8ff;
  --component-date-field-focus-ring: #e1e9ff;
  --component-date-field-focus-halo: rgb(104 139 243 / 0.302);
  --component-date-field-popup-bg: #1b1b1c;
  --component-date-field-popup-border: #828385;
  --component-date-field-popup-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-date-field-weekday-fg: #bababc;
  --component-date-field-day-fg: #f1f2f3;
  --component-date-field-day-hover: rgb(255 255 255 / 0.051);
  --component-date-field-day-pressed: rgb(255 255 255 / 0.0706);
  --component-date-field-day-outside-fg: #bababc;
  --component-date-field-day-today-border: #9db8ff;
  --component-date-field-day-selected-bg: #9db8ff;
  --component-date-field-day-selected-fg: #0b0b0c;
  --component-date-field-day-range-bg: #182347;
  --component-date-field-day-disabled-fg: #757677;
  --component-date-field-disabled-bg: rgb(255 255 255 / 0.051);
  --component-date-field-disabled-fg: #757677;
  --component-date-field-disabled-border: #828385;
  --component-date-field-error-border: #fb988f;
  --component-date-field-error: #fb988f;
  --component-segmented-bg: #060607;
  --component-segmented-border: #828385;
  --component-segmented-fg: #bababc;
  --component-segmented-fg-hover: #f1f2f3;
  --component-segmented-hover-bg: rgb(255 255 255 / 0.051);
  --component-segmented-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-segmented-selected-bg: #0b0b0c;
  --component-segmented-selected-fg: #f1f2f3;
  --component-segmented-selected-border: #bababc;
  --component-segmented-selected-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-segmented-focus-ring: #e1e9ff;
  --component-segmented-focus-halo: rgb(104 139 243 / 0.302);
  --component-segmented-divider: #828385;
  --component-segmented-disabled-fg: #757677;
  --component-breadcrumbs-fg: #bababc;
  --component-breadcrumbs-fg-hover: #f1f2f3;
  --component-breadcrumbs-hover-bg: rgb(255 255 255 / 0.051);
  --component-breadcrumbs-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-breadcrumbs-current-fg: #f1f2f3;
  --component-breadcrumbs-separator: #bababc;
  --component-breadcrumbs-focus-ring: #e1e9ff;
  --component-breadcrumbs-focus-halo: rgb(104 139 243 / 0.302);
  --component-breadcrumbs-disabled-fg: #757677;
  --component-breadcrumbs-overflow-fg: #bababc;
  --component-pagination-fg: #bababc;
  --component-pagination-fg-hover: #f1f2f3;
  --component-pagination-hover-bg: rgb(255 255 255 / 0.051);
  --component-pagination-pressed-layer: rgb(255 255 255 / 0.0706);
  --component-pagination-border: #828385;
  --component-pagination-selected-bg: #121828;
  --component-pagination-selected-fg: #9db8ff;
  --component-pagination-selected-border: #9db8ff;
  --component-pagination-focus-ring: #e1e9ff;
  --component-pagination-focus-halo: rgb(104 139 243 / 0.302);
  --component-pagination-ellipsis-fg: #bababc;
  --component-pagination-label-fg: #bababc;
  --component-pagination-disabled-fg: #757677;
  --component-spinner-track: #828385;
  --component-spinner-arc: #9db8ff;
  --component-spinner-arc-on-accent: #0b0b0c;
  --component-spinner-arc-on-inverse: #0b0b0c;
  --component-spinner-arc-muted: #bababc;
  --component-spinner-label-fg: #bababc;
  --component-avatar-bg: #1b1b1c;
  --component-avatar-fg: #f1f2f3;
  --component-avatar-ring: #0b0b0c;
  --component-avatar-hover-ring: #bababc;
  --component-avatar-selected-ring: #9db8ff;
  --component-avatar-focus-ring: #e1e9ff;
  --component-avatar-focus-halo: rgb(104 139 243 / 0.302);
  --component-avatar-presence-available: #72cf8e;
  --component-avatar-presence-busy: #fb988f;
  --component-avatar-presence-away: #ffbb6f;
  --component-avatar-presence-offline: #bababc;
  --component-avatar-presence-ring: #0b0b0c;
  --component-avatar-overflow-bg: #060607;
  --component-avatar-overflow-fg: #bababc;
  --component-avatar-disabled-fg: #757677;
  --component-empty-state-bg: #0b0b0c;
  --component-empty-state-icon: #bababc;
  --component-empty-state-title-fg: #f1f2f3;
  --component-empty-state-fg: #bababc;
  --component-empty-state-border: #bababc;
  --component-empty-state-drop-hover-bg: #121828;
  --component-empty-state-drop-hover-border: #9db8ff;
  --component-empty-state-drop-hover-fg: #f1f2f3;
  --component-empty-state-focus-ring: #e1e9ff;
  --component-empty-state-focus-halo: rgb(104 139 243 / 0.302);
  --component-empty-state-disabled-fg: #757677;
  --component-empty-state-invalid-border: #fb988f;
  --component-empty-state-invalid-fg: #fb988f;
  --component-banner-bg: #0b0b0c;
  --component-banner-border: #828385;
  --component-banner-fg: #f1f2f3;
  --component-banner-fg-muted: #bababc;
  --component-banner-icon: #bababc;
  --component-banner-info-bg: #121828;
  --component-banner-info-border: #9db8ff;
  --component-banner-info-icon: #9db8ff;
  --component-banner-info-title: #9db8ff;
  --component-banner-info-fg: #f1f2f3;
  --component-banner-success-bg: #111c14;
  --component-banner-success-border: #72cf8e;
  --component-banner-success-icon: #72cf8e;
  --component-banner-success-title: #72cf8e;
  --component-banner-success-fg: #f1f2f3;
  --component-banner-warning-bg: #20170d;
  --component-banner-warning-border: #ffbb6f;
  --component-banner-warning-icon: #ffbb6f;
  --component-banner-warning-title: #ffbb6f;
  --component-banner-warning-fg: #f1f2f3;
  --component-banner-danger-bg: #251311;
  --component-banner-danger-border: #fb988f;
  --component-banner-danger-icon: #fb988f;
  --component-banner-danger-title: #fb988f;
  --component-banner-danger-fg: #f1f2f3;
  --component-banner-action-fg: #9db8ff;
  --component-banner-close-fg: #bababc;
  --component-banner-close-hover: rgb(255 255 255 / 0.051);
  --component-banner-close-pressed: rgb(255 255 255 / 0.0706);
  --component-banner-focus-ring: #e1e9ff;
  --component-banner-focus-halo: rgb(104 139 243 / 0.302);
  --component-inbox-list-bg: #0b0b0c;
  --component-inbox-list-row-hover: rgb(255 255 255 / 0.051);
  --component-inbox-list-row-active: rgb(255 255 255 / 0.0706);
  --component-inbox-list-divider: #828385;
  --component-inbox-list-fg: #f1f2f3;
  --component-inbox-list-fg-muted: #bababc;
  --component-inbox-list-meta: #bababc;
  --component-inbox-list-unread-fg: #f1f2f3;
  --component-inbox-list-unread-dot: #9db8ff;
  --component-inbox-list-thread-count-bg: rgb(255 255 255 / 0.051);
  --component-inbox-list-thread-count-fg: #bababc;
  --component-inbox-list-thread-line: #828385;
  --component-inbox-list-flag: #fb988f;
  --component-inbox-list-pinned: #9db8ff;
  --component-inbox-list-selected-bg: #182347;
  --component-inbox-list-selected-fg: #f1f2f3;
  --component-inbox-list-selected-rail: #9db8ff;
  --component-inbox-list-focus-ring: #e1e9ff;
  --component-inbox-list-group-header-bg: #0b0b0c;
  --component-inbox-list-group-header-fg: #bababc;
  --component-reader-bg: #0b0b0c;
  --component-reader-fg: #f1f2f3;
  --component-reader-subject-fg: #f1f2f3;
  --component-reader-meta: #bababc;
  --component-reader-divider: #828385;
  --component-reader-collapsed-bg: #0b0b0c;
  --component-reader-collapsed-fg: #bababc;
  --component-reader-quote-bar: #bababc;
  --component-reader-quote-fg: #bababc;
  --component-reader-attachment-bg: #0b0b0c;
  --component-reader-attachment-border: #828385;
  --component-reader-attachment-fg: #f1f2f3;
  --component-reader-banner-external-bg: #20170d;
  --component-reader-banner-external-border: #ffbb6f;
  --component-reader-banner-external-fg: #f1f2f3;
  --component-reader-banner-remote-bg: #121828;
  --component-reader-banner-remote-border: #9db8ff;
  --component-reader-banner-remote-fg: #f1f2f3;
  --component-reader-focus-ring: #e1e9ff;
  --component-composer-bg: #0b0b0c;
  --component-composer-fg: #f1f2f3;
  --component-composer-placeholder: #bababc;
  --component-composer-field-label: #bababc;
  --component-composer-field-divider: #828385;
  --component-composer-toolbar-bg: #0b0b0c;
  --component-composer-toolbar-fg: #bababc;
  --component-composer-recipient-bg: rgb(255 255 255 / 0.051);
  --component-composer-recipient-fg: #f1f2f3;
  --component-composer-recipient-external-bg: #20170d;
  --component-composer-recipient-external-border: #ffbb6f;
  --component-composer-recipient-external-fg: #ffbb6f;
  --component-composer-disclosure-bg: #20170d;
  --component-composer-disclosure-border: #ffbb6f;
  --component-composer-disclosure-fg: #f1f2f3;
  --component-composer-proposal-bg: #121828;
  --component-composer-proposal-border: #9db8ff;
  --component-composer-proposal-rail: #9db8ff;
  --component-composer-proposal-fg: #f1f2f3;
  --component-composer-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 18px 48px 0px rgb(0 0 0 / 0.702);
  --component-composer-focus-ring: #e1e9ff;
  --component-calendar-bg: #0b0b0c;
  --component-calendar-gridline: #828385;
  --component-calendar-gridline-hour: #828385;
  --component-calendar-header-bg: #0b0b0c;
  --component-calendar-header-fg: #bababc;
  --component-calendar-time-fg: #bababc;
  --component-calendar-weekend-bg: #0b0b0c;
  --component-calendar-outside-month-fg: #bababc;
  --component-calendar-today-bg: #121828;
  --component-calendar-today-fg: #9db8ff;
  --component-calendar-today-marker: #9db8ff;
  --component-calendar-today-marker-fg: #0b0b0c;
  --component-calendar-now-line: #fb988f;
  --component-calendar-slot-hover: rgb(255 255 255 / 0.051);
  --component-calendar-selected-bg: #182347;
  --component-calendar-selected-border: #9db8ff;
  --component-calendar-focus-ring: #e1e9ff;
  --component-calendar-event-bg: #121313;
  --component-calendar-event-border: #828385;
  --component-calendar-event-fg: #f1f2f3;
  --component-calendar-event-fg-muted: #bababc;
  --component-calendar-event-tentative-hatch: #bababc;
  --component-calendar-event-declined-fg: #bababc;
  --component-calendar-event-selected-bg: #182347;
  --component-calendar-event-selected-border: #9db8ff;
  --component-calendar-event-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-calendar-event-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
  --component-calendar-event-rail-1: #6194fb;
  --component-calendar-event-rail-2: #d68742;
  --component-calendar-event-rail-3: #72c8b8;
  --component-calendar-event-rail-4: #c283b3;
  --component-calendar-event-rail-5: #b3a48b;
  --component-calendar-event-rail-6: #a0b0e6;
  --component-calendar-event-rail-7: #f4b07a;
  --component-calendar-event-rail-8: #908d86;
  --component-contact-card-bg: #0b0b0c;
  --component-contact-card-border: #828385;
  --component-contact-card-name-fg: #f1f2f3;
  --component-contact-card-fg: #f1f2f3;
  --component-contact-card-fg-muted: #bababc;
  --component-contact-card-field-label: #bababc;
  --component-contact-card-divider: #828385;
  --component-contact-card-avatar-bg: #121828;
  --component-contact-card-avatar-fg: #9db8ff;
  --component-contact-card-presence-available: #72cf8e;
  --component-contact-card-presence-busy: #fb988f;
  --component-contact-card-presence-away: #ffbb6f;
  --component-contact-card-presence-offline: #bababc;
  --component-contact-card-hover-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-contact-card-focus-ring: #e1e9ff;
  --component-grid-bg: #0b0b0c;
  --component-grid-fg: #f1f2f3;
  --component-grid-fg-muted: #bababc;
  --component-grid-gridline: #828385;
  --component-grid-header-bg: #0b0b0c;
  --component-grid-header-fg: #bababc;
  --component-grid-header-border: #828385;
  --component-grid-header-hover: rgb(255 255 255 / 0.051);
  --component-grid-header-selected-bg: #182347;
  --component-grid-header-selected-fg: #9db8ff;
  --component-grid-header-selected-indicator: #9db8ff;
  --component-grid-frozen-bg: #0b0b0c;
  --component-grid-frozen-divider: #bababc;
  --component-grid-selection-bg: #182347;
  --component-grid-selection-fg: #f1f2f3;
  --component-grid-selection-border: #9db8ff;
  --component-grid-focus-ring: #e1e9ff;
  --component-grid-focus-halo: rgb(104 139 243 / 0.302);
  --component-grid-fill-handle: #9db8ff;
  --component-grid-fill-handle-border: #0b0b0c;
  --component-grid-copy-marquee: #9db8ff;
  --component-grid-edit-bg: #121313;
  --component-grid-edit-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-grid-drop-target: #9db8ff;
  --component-grid-spill-border: #bababc;
  --component-grid-error-fg: #fb988f;
  --component-grid-error-mark: #fb988f;
  --component-grid-comment-mark: #ffbb6f;
  --component-grid-override-mark: #ffbb6f;
  --component-grid-hatch: #bababc;
  --component-grid-table-header-bg: #060607;
  --component-grid-table-header-fg: #f1f2f3;
  --component-grid-table-band-bg: #0b0b0c;
  --component-grid-ref-1: #6194fb;
  --component-grid-ref-2: #d68742;
  --component-grid-ref-3: #72c8b8;
  --component-grid-ref-4: #c283b3;
  --component-grid-ref-5: #b3a48b;
  --component-grid-ref-6: #a0b0e6;
  --component-grid-ref-7: #f4b07a;
  --component-grid-ref-8: #908d86;
  --component-formula-bar-bg: #0b0b0c;
  --component-formula-bar-border: #828385;
  --component-formula-bar-divider: #828385;
  --component-formula-bar-name-box-bg: #0b0b0c;
  --component-formula-bar-name-box-fg: #f1f2f3;
  --component-formula-bar-name-box-border: #bababc;
  --component-formula-bar-fx-fg: #bababc;
  --component-formula-bar-input-fg: #f1f2f3;
  --component-formula-bar-placeholder: #bababc;
  --component-formula-bar-focus-ring: #e1e9ff;
  --component-formula-bar-syntax-function: #9db8ff;
  --component-formula-bar-syntax-string: #72cf8e;
  --component-formula-bar-syntax-number: #f1f2f3;
  --component-formula-bar-syntax-operator: #bababc;
  --component-formula-bar-syntax-error: #fb988f;
  --component-formula-bar-hint-fg: #bababc;
  --component-formula-bar-hint-active-fg: #f1f2f3;
  --component-formula-bar-ref-1: #6194fb;
  --component-formula-bar-ref-2: #d68742;
  --component-formula-bar-ref-3: #72c8b8;
  --component-formula-bar-ref-4: #c283b3;
  --component-formula-bar-ref-5: #b3a48b;
  --component-formula-bar-ref-6: #a0b0e6;
  --component-formula-bar-ref-7: #f4b07a;
  --component-formula-bar-ref-8: #908d86;
  --component-sheet-tabs-bar-bg: #0b0b0c;
  --component-sheet-tabs-bar-border: #828385;
  --component-sheet-tabs-fg: #bababc;
  --component-sheet-tabs-hover-bg: rgb(255 255 255 / 0.051);
  --component-sheet-tabs-fg-hover: #f1f2f3;
  --component-sheet-tabs-active-bg: #0b0b0c;
  --component-sheet-tabs-active-fg: #f1f2f3;
  --component-sheet-tabs-active-border: #828385;
  --component-sheet-tabs-indicator: #9db8ff;
  --component-sheet-tabs-focus-ring: #e1e9ff;
  --component-sheet-tabs-add-fg: #bababc;
  --component-sheet-tabs-rail-1: #6194fb;
  --component-sheet-tabs-rail-2: #d68742;
  --component-sheet-tabs-rail-3: #72c8b8;
  --component-sheet-tabs-rail-4: #c283b3;
  --component-sheet-tabs-rail-5: #b3a48b;
  --component-sheet-tabs-rail-6: #a0b0e6;
  --component-sheet-tabs-rail-7: #f4b07a;
  --component-sheet-tabs-rail-8: #908d86;
  --component-chart-bg: #0b0b0c;
  --component-chart-title-fg: #f1f2f3;
  --component-chart-subtitle-fg: #bababc;
  --component-chart-gridline: #828385;
  --component-chart-axis: #bababc;
  --component-chart-label: #bababc;
  --component-chart-legend-fg: #bababc;
  --component-chart-target-line: #bababc;
  --component-chart-annotation-fg: #f1f2f3;
  --component-chart-selected-border: #9db8ff;
  --component-chart-focus-ring: #e1e9ff;
  --component-chart-plot-hover: rgb(255 255 255 / 0.051);
  --component-chart-editor-bg: #121313;
  --component-chart-editor-border: #828385;
  --component-chart-editor-section-fg: #bababc;
  --component-chart-editor-swatch-border: #828385;
  --component-chart-series-1: #6194fb;
  --component-chart-series-2: #d68742;
  --component-chart-series-3: #72c8b8;
  --component-chart-series-4: #c283b3;
  --component-chart-series-5: #b3a48b;
  --component-chart-series-6: #a0b0e6;
  --component-chart-series-7: #f4b07a;
  --component-chart-series-8: #908d86;
  --component-kpi-tile-bg: #0b0b0c;
  --component-kpi-tile-border: #828385;
  --component-kpi-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-kpi-tile-label-fg: #bababc;
  --component-kpi-tile-value-fg: #f1f2f3;
  --component-kpi-tile-meta-fg: #bababc;
  --component-kpi-tile-delta-up-fg: #72cf8e;
  --component-kpi-tile-delta-down-fg: #fb988f;
  --component-kpi-tile-delta-flat-fg: #bababc;
  --component-kpi-tile-delta-up-bg: #111c14;
  --component-kpi-tile-delta-down-bg: #251311;
  --component-kpi-tile-sparkline: #6194fb;
  --component-kpi-tile-target: #bababc;
  --component-kpi-tile-focus-ring: #e1e9ff;
  --component-dashboard-canvas-bg: #0b0b0c;
  --component-dashboard-canvas-grid: #828385;
  --component-dashboard-tile-bg: #0b0b0c;
  --component-dashboard-tile-border: #828385;
  --component-dashboard-tile-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-dashboard-tile-hover-border: #bababc;
  --component-dashboard-tile-selected-border: #9db8ff;
  --component-dashboard-tile-focus-ring: #e1e9ff;
  --component-dashboard-tile-drag-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 4px 14px 0px rgb(0 0 0 / 0.1804);
  --component-dashboard-title-fg: #f1f2f3;
  --component-dashboard-meta-fg: #bababc;
  --component-dashboard-stale-fg: #ffbb6f;
  --component-dashboard-guide: #9db8ff;
  --component-dashboard-handle-bg: #0b0b0c;
  --component-dashboard-handle-border: #9db8ff;
  --component-dashboard-filter-bar-bg: #0b0b0c;
  --component-dashboard-filter-bar-border: #828385;
  --component-dashboard-empty-fg: #bababc;
  --component-dashboard-empty-border: #828385;
  --component-slicer-bg: #0b0b0c;
  --component-slicer-fg: #f1f2f3;
  --component-slicer-border: #bababc;
  --component-slicer-hover-bg: rgb(255 255 255 / 0.051);
  --component-slicer-selected-bg: #121828;
  --component-slicer-selected-fg: #9db8ff;
  --component-slicer-selected-border: #9db8ff;
  --component-slicer-focus-ring: #e1e9ff;
  --component-slicer-label-fg: #bababc;
  --component-slicer-count-bg: #9db8ff;
  --component-slicer-count-fg: #0b0b0c;
  --component-slicer-clear-fg: #bababc;
  --component-slicer-disabled-fg: #757677;
  --component-field-list-bg: #0b0b0c;
  --component-field-list-fg: #f1f2f3;
  --component-field-list-fg-muted: #bababc;
  --component-field-list-section-fg: #bababc;
  --component-field-list-icon-fg: #bababc;
  --component-field-list-measure-fg: #9db8ff;
  --component-field-list-item-hover: rgb(255 255 255 / 0.051);
  --component-field-list-item-selected-bg: #182347;
  --component-field-list-item-selected-rail: #9db8ff;
  --component-field-list-focus-ring: #e1e9ff;
  --component-field-list-well-bg: #0b0b0c;
  --component-field-list-well-border: #bababc;
  --component-field-list-drop-target: #9db8ff;
  --component-field-list-well-item-bg: #121313;
  --component-field-list-well-item-border: #828385;
  --component-field-list-model-canvas-bg: #060607;
  --component-field-list-model-table-bg: #121313;
  --component-field-list-model-table-header-bg: #0b0b0c;
  --component-field-list-model-table-border: #828385;
  --component-field-list-model-table-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --component-field-list-relationship: #bababc;
  --component-field-list-relationship-selected: #9db8ff;
  --component-list-view-bg: #0b0b0c;
  --component-list-view-fg: #f1f2f3;
  --component-list-view-fg-muted: #bababc;
  --component-list-view-icon-fg: #bababc;
  --component-list-view-disabled-fg: #757677;
  --component-list-view-divider: #828385;
  --component-list-view-row-hover: rgb(255 255 255 / 0.051);
  --component-list-view-selected-bg: #182347;
  --component-list-view-selected-fg: #f1f2f3;
  --component-list-view-selected-rail: #9db8ff;
  --component-list-view-focus-ring: #e1e9ff;
  --component-list-view-focus-halo: rgb(104 139 243 / 0.302);
  --component-list-view-tree-guide: #828385;
  --component-list-view-twisty-fg: #bababc;
  --component-list-view-drop-target: #9db8ff;
  --component-canvas-bg: #060607;
  --component-canvas-board-bg: #0b0b0c;
  --component-canvas-page-bg: #0b0b0c;
  --component-canvas-board-grid: #828385;
  --component-canvas-object-hover-border: #bababc;
  --component-canvas-selected-border: #9db8ff;
  --component-canvas-handle-bg: #0b0b0c;
  --component-canvas-handle-border: #9db8ff;
  --component-canvas-marquee-bg: #182347;
  --component-canvas-marquee-border: #9db8ff;
  --component-canvas-connector: #bababc;
  --component-canvas-connector-selected: #9db8ff;
  --component-canvas-guide: #9db8ff;
  --component-canvas-focus-ring: #e1e9ff;
  --component-canvas-focus-halo: rgb(104 139 243 / 0.302);
  --v1-color-bg: #0b0b0c;
  --v1-color-surface: #0b0b0c;
  --v1-color-surface-2: #060607;
  --v1-color-surface-3: #1b1b1c;
  --v1-color-line: #828385;
  --v1-color-line-strong: #bababc;
  --v1-color-control-border: #bababc;
  --v1-color-ink: #f1f2f3;
  --v1-color-ink-2: #bababc;
  --v1-color-ink-3: #bababc;
  --v1-color-ink-disabled: #757677;
  --v1-color-accent: #9db8ff;
  --v1-color-accent-text: #9db8ff;
  --v1-color-accent-fill: #9db8ff;
  --v1-color-accent-fill-hover: #e1e9ff;
  --v1-color-on-accent: #0b0b0c;
  --v1-color-accent-soft: #121828;
  --v1-color-focus: #e1e9ff;
  --v1-color-ok: #72cf8e;
  --v1-color-ok-text: #72cf8e;
  --v1-color-ok-soft: #111c14;
  --v1-color-warning: #ffbb6f;
  --v1-color-warning-text: #ffbb6f;
  --v1-color-warning-soft: #20170d;
  --v1-color-danger: #fb988f;
  --v1-color-danger-text: #fb988f;
  --v1-color-danger-soft: #251311;
  --v1-color-on-danger: #0b0b0c;
  --v1-color-info: #9db8ff;
  --v1-color-info-text: #9db8ff;
  --v1-color-info-soft: #121828;
  --v1-color-scrim: rgb(0 0 0 / 0.6392);
  --v1-color-comment: #ffbb6f;
  --v1-grid-gridline: #828385;
  --v1-grid-header: #0b0b0c;
  --v1-grid-header-selected: #182347;
  --v1-grid-header-text: #bababc;
  --v1-grid-selection-fill: #182347;
  --v1-grid-selection-border: #9db8ff;
  --v1-grid-frozen-divider: #bababc;
  --v1-grid-override: #ffbb6f;
  --v1-grid-hatch: #bababc;
  --v1-live-block-frame: #828385;
  --v1-live-block-caption: #0b0b0c;
  --v1-live-block-caption-text: #bababc;
  --v1-live-block-live: #72cf8e;
  --v1-elevation-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --v1-elevation-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --v1-elevation-dark-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0392), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
  --v1-elevation-dark-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.0588), 0px 6px 20px 0px rgb(0 0 0 / 0.6);
}

/* Forced colours (Windows contrast themes in the browser): chrome roles map to system colours, shadows go;
 * data-viz, presence and other content colours keep their high-contrast values. Every chrome role is already a
 * system colour pair here, so the page opts out of the browser's own forcing (its Canvas backplate behind text
 * would hide HighlightText on a Highlight fill); native form controls keep it. */
@media (forced-colors: active) {
  :root,
  :root[data-theme] {
    --color-bg-canvas: Canvas;
    --color-bg-sunken: Canvas;
    --color-bg-surface: Canvas;
    --color-bg-raised: Canvas;
    --color-bg-overlay: Canvas;
    --color-bg-inverse: Highlight;
    --color-bg-inverse-hover: Highlight;
    --color-bg-hover: Canvas;
    --color-bg-active: Canvas;
    --color-bg-selected: Highlight;
    --color-fg-default: CanvasText;
    --color-fg-muted: CanvasText;
    --color-fg-subtle: CanvasText;
    --color-fg-disabled: GrayText;
    --color-fg-on-accent: HighlightText;
    --color-fg-inverse: HighlightText;
    --color-border-subtle: CanvasText;
    --color-border-default: CanvasText;
    --color-border-strong: CanvasText;
    --color-border-control: CanvasText;
    --color-accent-solid: Highlight;
    --color-accent-solid-hover: Highlight;
    --color-accent-fg: LinkText;
    --color-accent-bg: Canvas;
    --color-accent-bg-hover: Canvas;
    --color-accent-border: Highlight;
    --color-accent-indicator: Highlight;
    --color-accent-pulse: Highlight;
    --color-focus-ring: Highlight;
    --color-focus-halo: Highlight;
    --color-selection-bg: Canvas;
    --color-selection-fg: CanvasText;
    --color-selection-border: CanvasText;
    --color-state-hover: transparent;
    --color-state-active: transparent;
    --color-scrim: transparent;
    --color-success-bg: Canvas;
    --color-success-border: CanvasText;
    --color-success-solid: CanvasText;
    --color-success-solid-hover: CanvasText;
    --color-success-fg: CanvasText;
    --color-success-on-solid: Canvas;
    --color-warning-bg: Canvas;
    --color-warning-border: CanvasText;
    --color-warning-solid: CanvasText;
    --color-warning-solid-hover: CanvasText;
    --color-warning-fg: CanvasText;
    --color-warning-on-solid: Canvas;
    --color-danger-bg: Canvas;
    --color-danger-border: CanvasText;
    --color-danger-solid: CanvasText;
    --color-danger-solid-hover: CanvasText;
    --color-danger-fg: CanvasText;
    --color-danger-on-solid: Canvas;
    --color-info-bg: Canvas;
    --color-info-border: CanvasText;
    --color-info-solid: CanvasText;
    --color-info-solid-hover: CanvasText;
    --color-info-fg: CanvasText;
    --color-info-on-solid: Canvas;
    --elevation-raised: none;
    --elevation-overlay: none;
    --elevation-modal: none;
    --elevation-lift: none;
    --elevation-level-0-bg: Canvas;
    --elevation-level-1-bg: Canvas;
    --elevation-level-2-bg: Canvas;
    --elevation-level-2-shadow: none;
    --elevation-level-3-bg: Canvas;
    --elevation-level-3-shadow: none;
    --elevation-level-3-shadow-modal: none;
    --dataviz-gridline: CanvasText;
    --dataviz-axis: CanvasText;
    --dataviz-label: CanvasText;
    --component-button-primary-bg: Highlight;
    --component-button-primary-bg-hover: Highlight;
    --component-button-primary-fg: HighlightText;
    --component-button-secondary-bg: Canvas;
    --component-button-secondary-bg-hover: transparent;
    --component-button-secondary-border: CanvasText;
    --component-button-secondary-fg: CanvasText;
    --component-button-accent-bg: Highlight;
    --component-button-accent-bg-hover: Highlight;
    --component-button-accent-fg: HighlightText;
    --component-button-ghost-bg-hover: transparent;
    --component-button-ghost-fg: CanvasText;
    --component-button-ghost-fg-muted: CanvasText;
    --component-button-danger-bg: CanvasText;
    --component-button-danger-bg-hover: CanvasText;
    --component-button-danger-fg: Canvas;
    --component-button-danger-subtle-bg: Canvas;
    --component-button-danger-subtle-bg-hover: transparent;
    --component-button-danger-subtle-border: CanvasText;
    --component-button-danger-subtle-fg: CanvasText;
    --component-button-state-pressed-layer: transparent;
    --component-button-state-disabled-bg: transparent;
    --component-button-state-disabled-fg: GrayText;
    --component-button-state-focus-ring: Highlight;
    --component-button-state-focus-halo: Highlight;
    --component-button-state-selected-bg: Highlight;
    --component-button-state-selected-fg: LinkText;
    --component-button-state-selected-border: Highlight;
    --component-input-bg: Canvas;
    --component-input-border: CanvasText;
    --component-input-border-hover: CanvasText;
    --component-input-border-focus: Highlight;
    --component-input-fg: CanvasText;
    --component-input-placeholder: CanvasText;
    --component-input-label: CanvasText;
    --component-input-help: CanvasText;
    --component-input-error: CanvasText;
    --component-input-error-border: CanvasText;
    --component-input-disabled-bg: transparent;
    --component-input-disabled-fg: GrayText;
    --component-input-bg-hover: Canvas;
    --component-input-focus-ring: Highlight;
    --component-input-focus-halo: Highlight;
    --component-input-selection-bg: Highlight;
    --component-input-error-icon: CanvasText;
    --component-input-disabled-border: CanvasText;
    --component-select-bg: Canvas;
    --component-select-border: CanvasText;
    --component-select-fg: CanvasText;
    --component-select-chevron: CanvasText;
    --component-select-border-hover: CanvasText;
    --component-select-pressed-layer: transparent;
    --component-select-focus-ring: Highlight;
    --component-select-focus-halo: Highlight;
    --component-select-placeholder: CanvasText;
    --component-select-list-bg: Canvas;
    --component-select-list-border: CanvasText;
    --component-select-list-shadow: none;
    --component-select-option-fg: CanvasText;
    --component-select-option-hover: transparent;
    --component-select-option-pressed: transparent;
    --component-select-option-selected-bg: Highlight;
    --component-select-option-selected-fg: CanvasText;
    --component-select-option-check: LinkText;
    --component-select-disabled-bg: transparent;
    --component-select-disabled-fg: GrayText;
    --component-select-disabled-border: CanvasText;
    --component-select-error-border: CanvasText;
    --component-select-error: CanvasText;
    --component-combobox-bg: Canvas;
    --component-combobox-border: CanvasText;
    --component-combobox-fg: CanvasText;
    --component-combobox-list-bg: Canvas;
    --component-combobox-option-hover: transparent;
    --component-combobox-option-selected-bg: Highlight;
    --component-combobox-match-bg: Canvas;
    --component-combobox-match-fg: CanvasText;
    --component-combobox-border-hover: CanvasText;
    --component-combobox-focus-ring: Highlight;
    --component-combobox-focus-halo: Highlight;
    --component-combobox-placeholder: CanvasText;
    --component-combobox-list-border: CanvasText;
    --component-combobox-list-shadow: none;
    --component-combobox-option-fg: CanvasText;
    --component-combobox-option-pressed: transparent;
    --component-combobox-option-selected-fg: CanvasText;
    --component-combobox-option-check: LinkText;
    --component-combobox-disabled-bg: transparent;
    --component-combobox-disabled-fg: GrayText;
    --component-combobox-disabled-border: CanvasText;
    --component-combobox-error-border: CanvasText;
    --component-combobox-error: CanvasText;
    --component-control-border: CanvasText;
    --component-control-checked-bg: Highlight;
    --component-control-checked-fg: HighlightText;
    --component-control-track: transparent;
    --component-control-thumb: Canvas;
    --component-menu-bg: Canvas;
    --component-menu-border: CanvasText;
    --component-menu-shadow: none;
    --component-menu-fg: CanvasText;
    --component-menu-item-hover: transparent;
    --component-menu-item-checked-bg: Highlight;
    --component-menu-check: LinkText;
    --component-menu-shortcut: CanvasText;
    --component-menu-label: CanvasText;
    --component-menu-danger: CanvasText;
    --component-menu-separator: CanvasText;
    --component-menu-rail: Highlight;
    --component-menu-item-pressed: transparent;
    --component-menu-focus-ring: Highlight;
    --component-menu-focus-halo: Highlight;
    --component-menu-disabled-fg: GrayText;
    --component-popover-bg: Canvas;
    --component-popover-border: CanvasText;
    --component-popover-shadow: none;
    --component-popover-fg: CanvasText;
    --component-popover-fg-muted: CanvasText;
    --component-tooltip-bg: Highlight;
    --component-tooltip-fg: HighlightText;
    --component-tooltip-border: Highlight;
    --component-tooltip-shadow: none;
    --component-card-bg: Canvas;
    --component-card-border: CanvasText;
    --component-card-fg: CanvasText;
    --component-card-fg-muted: CanvasText;
    --component-card-hover-shadow: none;
    --component-card-drag-bg: Canvas;
    --component-card-drag-shadow: none;
    --component-card-selected-bg: Highlight;
    --component-card-selected-border: Highlight;
    --component-card-hover-border: CanvasText;
    --component-card-pressed-layer: transparent;
    --component-card-focus-ring: Highlight;
    --component-card-focus-halo: Highlight;
    --component-card-disabled-fg: GrayText;
    --component-modal-bg: Canvas;
    --component-modal-border: CanvasText;
    --component-modal-shadow: none;
    --component-modal-scrim: transparent;
    --component-modal-title: CanvasText;
    --component-modal-fg: CanvasText;
    --component-modal-close-fg: CanvasText;
    --component-modal-close-hover: transparent;
    --component-modal-close-pressed: transparent;
    --component-modal-focus-ring: Highlight;
    --component-modal-focus-halo: Highlight;
    --component-modal-divider: CanvasText;
    --component-sheet-bg: Canvas;
    --component-sheet-border: CanvasText;
    --component-sheet-shadow: none;
    --component-sheet-scrim: transparent;
    --component-sheet-title: CanvasText;
    --component-sheet-fg: CanvasText;
    --component-sheet-handle: CanvasText;
    --component-sheet-close-fg: CanvasText;
    --component-sheet-close-hover: transparent;
    --component-sheet-close-pressed: transparent;
    --component-sheet-focus-ring: Highlight;
    --component-sheet-focus-halo: Highlight;
    --component-sheet-divider: CanvasText;
    --component-toast-bg: Canvas;
    --component-toast-border: CanvasText;
    --component-toast-shadow: none;
    --component-toast-title: CanvasText;
    --component-toast-fg: CanvasText;
    --component-toast-drain: Highlight;
    --component-toast-icon-success: CanvasText;
    --component-toast-icon-warning: CanvasText;
    --component-toast-icon-danger: CanvasText;
    --component-toast-icon-info: CanvasText;
    --component-toast-action-fg: LinkText;
    --component-toast-close-fg: CanvasText;
    --component-toast-close-hover: transparent;
    --component-toast-close-pressed: transparent;
    --component-toast-focus-ring: Highlight;
    --component-toast-focus-halo: Highlight;
    --component-tabs-fg: CanvasText;
    --component-tabs-fg-hover: CanvasText;
    --component-tabs-selected-fg: CanvasText;
    --component-tabs-indicator: Highlight;
    --component-tabs-border: CanvasText;
    --component-tabs-hover-bg: transparent;
    --component-tabs-pressed-layer: transparent;
    --component-tabs-focus-ring: Highlight;
    --component-tabs-focus-halo: Highlight;
    --component-tabs-disabled-fg: GrayText;
    --component-tabs-panel-bg: Canvas;
    --component-table-header-bg: Canvas;
    --component-table-header-fg: CanvasText;
    --component-table-row-bg: Canvas;
    --component-table-zebra-bg: Canvas;
    --component-table-fg: CanvasText;
    --component-table-gridline: CanvasText;
    --component-table-frozen-divider: CanvasText;
    --component-table-row-hover: transparent;
    --component-table-selected-bg: Canvas;
    --component-table-selected-fg: CanvasText;
    --component-table-selected-border: CanvasText;
    --component-table-focus-ring: Highlight;
    --component-table-header-selected-bg: Canvas;
    --component-table-header-selected-fg: LinkText;
    --component-table-override-mark: CanvasText;
    --component-table-hatch: CanvasText;
    --component-table-header-hover: transparent;
    --component-table-row-pressed: transparent;
    --component-table-focus-halo: Highlight;
    --component-table-disabled-fg: GrayText;
    --component-table-invalid-mark: CanvasText;
    --component-table-invalid-fg: CanvasText;
    --component-chip-bg: transparent;
    --component-chip-border: CanvasText;
    --component-chip-fg: CanvasText;
    --component-chip-selected-bg: Canvas;
    --component-chip-selected-border: Highlight;
    --component-chip-selected-fg: LinkText;
    --component-chip-hover-bg: transparent;
    --component-chip-pressed-layer: transparent;
    --component-chip-focus-ring: Highlight;
    --component-chip-focus-halo: Highlight;
    --component-chip-remove-fg: CanvasText;
    --component-chip-remove-hover: transparent;
    --component-chip-disabled-fg: GrayText;
    --component-chip-disabled-border: CanvasText;
    --component-chip-invalid-border: CanvasText;
    --component-chip-invalid-fg: CanvasText;
    --component-badge-bg: transparent;
    --component-badge-fg: CanvasText;
    --component-badge-success-bg: Canvas;
    --component-badge-success-border: CanvasText;
    --component-badge-success-fg: CanvasText;
    --component-badge-success-solid-bg: CanvasText;
    --component-badge-success-solid-fg: Canvas;
    --component-badge-warning-bg: Canvas;
    --component-badge-warning-border: CanvasText;
    --component-badge-warning-fg: CanvasText;
    --component-badge-warning-solid-bg: CanvasText;
    --component-badge-warning-solid-fg: Canvas;
    --component-badge-danger-bg: Canvas;
    --component-badge-danger-border: CanvasText;
    --component-badge-danger-fg: CanvasText;
    --component-badge-danger-solid-bg: CanvasText;
    --component-badge-danger-solid-fg: Canvas;
    --component-badge-info-bg: Canvas;
    --component-badge-info-border: CanvasText;
    --component-badge-info-fg: CanvasText;
    --component-badge-info-solid-bg: CanvasText;
    --component-badge-info-solid-fg: Canvas;
    --component-link-fg: LinkText;
    --component-link-fg-hover: LinkText;
    --component-link-underline: Highlight;
    --component-live-block-frame: CanvasText;
    --component-live-block-caption-bg: Canvas;
    --component-live-block-caption-fg: CanvasText;
    --component-live-block-live-dot: CanvasText;
    --component-live-block-stale-dot: Highlight;
    --component-live-block-pulse: Highlight;
    --component-presence-self: Highlight;
    --component-presence-label-bg: Highlight;
    --component-presence-label-fg: HighlightText;
    --component-comment-mark: CanvasText;
    --component-comment-bg: Canvas;
    --component-comment-fg: CanvasText;
    --component-comment-thread-bg: Canvas;
    --component-comment-thread-shadow: none;
    --component-comment-resolved: CanvasText;
    --component-skeleton-bg: transparent;
    --component-skeleton-highlight: transparent;
    --component-progress-track: transparent;
    --component-progress-fill: Highlight;
    --component-progress-label-fg: CanvasText;
    --component-progress-track-border: CanvasText;
    --component-progress-fill-success: CanvasText;
    --component-progress-fill-invalid: CanvasText;
    --component-progress-disabled-fill: GrayText;
    --component-checkbox-box-bg: Canvas;
    --component-checkbox-box-border: CanvasText;
    --component-checkbox-box-border-hover: CanvasText;
    --component-checkbox-hover-layer: transparent;
    --component-checkbox-pressed-layer: transparent;
    --component-checkbox-checked-bg: Highlight;
    --component-checkbox-checked-bg-hover: Highlight;
    --component-checkbox-checked-fg: HighlightText;
    --component-checkbox-focus-ring: Highlight;
    --component-checkbox-focus-halo: Highlight;
    --component-checkbox-label-fg: CanvasText;
    --component-checkbox-help-fg: CanvasText;
    --component-checkbox-disabled-bg: transparent;
    --component-checkbox-disabled-border: CanvasText;
    --component-checkbox-disabled-fg: GrayText;
    --component-checkbox-invalid-border: CanvasText;
    --component-checkbox-invalid-fg: CanvasText;
    --component-radio-bg: Canvas;
    --component-radio-border: CanvasText;
    --component-radio-border-hover: CanvasText;
    --component-radio-hover-layer: transparent;
    --component-radio-pressed-layer: transparent;
    --component-radio-checked-border: Highlight;
    --component-radio-dot: Highlight;
    --component-radio-dot-hover: Highlight;
    --component-radio-focus-ring: Highlight;
    --component-radio-focus-halo: Highlight;
    --component-radio-label-fg: CanvasText;
    --component-radio-help-fg: CanvasText;
    --component-radio-disabled-bg: transparent;
    --component-radio-disabled-border: CanvasText;
    --component-radio-disabled-fg: GrayText;
    --component-radio-invalid-border: CanvasText;
    --component-radio-invalid-fg: CanvasText;
    --component-switch-track-off: Canvas;
    --component-switch-track-off-border: CanvasText;
    --component-switch-thumb-off: CanvasText;
    --component-switch-track-on: Highlight;
    --component-switch-track-on-hover: Highlight;
    --component-switch-thumb-on: HighlightText;
    --component-switch-hover-layer: transparent;
    --component-switch-pressed-layer: transparent;
    --component-switch-focus-ring: Highlight;
    --component-switch-focus-halo: Highlight;
    --component-switch-label-fg: CanvasText;
    --component-switch-disabled-track: transparent;
    --component-switch-disabled-border: CanvasText;
    --component-switch-disabled-thumb: GrayText;
    --component-switch-disabled-fg: GrayText;
    --component-switch-invalid-border: CanvasText;
    --component-slider-track: CanvasText;
    --component-slider-fill: Highlight;
    --component-slider-thumb-bg: Canvas;
    --component-slider-thumb-border: Highlight;
    --component-slider-hover-layer: transparent;
    --component-slider-pressed-layer: transparent;
    --component-slider-focus-ring: Highlight;
    --component-slider-focus-halo: Highlight;
    --component-slider-tick: CanvasText;
    --component-slider-value-fg: CanvasText;
    --component-slider-label-fg: CanvasText;
    --component-slider-disabled-track: CanvasText;
    --component-slider-disabled-fill: GrayText;
    --component-slider-disabled-thumb: GrayText;
    --component-slider-invalid-fill: CanvasText;
    --component-date-field-bg: Canvas;
    --component-date-field-border: CanvasText;
    --component-date-field-border-hover: CanvasText;
    --component-date-field-border-focus: Highlight;
    --component-date-field-fg: CanvasText;
    --component-date-field-placeholder: CanvasText;
    --component-date-field-icon: CanvasText;
    --component-date-field-segment-focus-bg: Canvas;
    --component-date-field-segment-focus-fg: LinkText;
    --component-date-field-focus-ring: Highlight;
    --component-date-field-focus-halo: Highlight;
    --component-date-field-popup-bg: Canvas;
    --component-date-field-popup-border: CanvasText;
    --component-date-field-popup-shadow: none;
    --component-date-field-weekday-fg: CanvasText;
    --component-date-field-day-fg: CanvasText;
    --component-date-field-day-hover: transparent;
    --component-date-field-day-pressed: transparent;
    --component-date-field-day-outside-fg: CanvasText;
    --component-date-field-day-today-border: Highlight;
    --component-date-field-day-selected-bg: Highlight;
    --component-date-field-day-selected-fg: HighlightText;
    --component-date-field-day-range-bg: Highlight;
    --component-date-field-day-disabled-fg: GrayText;
    --component-date-field-disabled-bg: transparent;
    --component-date-field-disabled-fg: GrayText;
    --component-date-field-disabled-border: CanvasText;
    --component-date-field-error-border: CanvasText;
    --component-date-field-error: CanvasText;
    --component-segmented-bg: Canvas;
    --component-segmented-border: CanvasText;
    --component-segmented-fg: CanvasText;
    --component-segmented-fg-hover: CanvasText;
    --component-segmented-hover-bg: transparent;
    --component-segmented-pressed-layer: transparent;
    --component-segmented-selected-bg: Canvas;
    --component-segmented-selected-fg: CanvasText;
    --component-segmented-selected-border: CanvasText;
    --component-segmented-selected-shadow: none;
    --component-segmented-focus-ring: Highlight;
    --component-segmented-focus-halo: Highlight;
    --component-segmented-divider: CanvasText;
    --component-segmented-disabled-fg: GrayText;
    --component-breadcrumbs-fg: CanvasText;
    --component-breadcrumbs-fg-hover: CanvasText;
    --component-breadcrumbs-hover-bg: transparent;
    --component-breadcrumbs-pressed-layer: transparent;
    --component-breadcrumbs-current-fg: CanvasText;
    --component-breadcrumbs-separator: CanvasText;
    --component-breadcrumbs-focus-ring: Highlight;
    --component-breadcrumbs-focus-halo: Highlight;
    --component-breadcrumbs-disabled-fg: GrayText;
    --component-breadcrumbs-overflow-fg: CanvasText;
    --component-pagination-fg: CanvasText;
    --component-pagination-fg-hover: CanvasText;
    --component-pagination-hover-bg: transparent;
    --component-pagination-pressed-layer: transparent;
    --component-pagination-border: CanvasText;
    --component-pagination-selected-bg: Canvas;
    --component-pagination-selected-fg: LinkText;
    --component-pagination-selected-border: Highlight;
    --component-pagination-focus-ring: Highlight;
    --component-pagination-focus-halo: Highlight;
    --component-pagination-ellipsis-fg: CanvasText;
    --component-pagination-label-fg: CanvasText;
    --component-pagination-disabled-fg: GrayText;
    --component-spinner-track: CanvasText;
    --component-spinner-arc: Highlight;
    --component-spinner-arc-on-accent: HighlightText;
    --component-spinner-arc-on-inverse: HighlightText;
    --component-spinner-arc-muted: CanvasText;
    --component-spinner-label-fg: CanvasText;
    --component-avatar-bg: Canvas;
    --component-avatar-fg: CanvasText;
    --component-avatar-ring: Canvas;
    --component-avatar-hover-ring: CanvasText;
    --component-avatar-selected-ring: Highlight;
    --component-avatar-focus-ring: Highlight;
    --component-avatar-focus-halo: Highlight;
    --component-avatar-presence-available: CanvasText;
    --component-avatar-presence-busy: CanvasText;
    --component-avatar-presence-away: CanvasText;
    --component-avatar-presence-offline: CanvasText;
    --component-avatar-presence-ring: Canvas;
    --component-avatar-overflow-bg: Canvas;
    --component-avatar-overflow-fg: CanvasText;
    --component-avatar-disabled-fg: GrayText;
    --component-empty-state-bg: Canvas;
    --component-empty-state-icon: CanvasText;
    --component-empty-state-title-fg: CanvasText;
    --component-empty-state-fg: CanvasText;
    --component-empty-state-border: CanvasText;
    --component-empty-state-drop-hover-bg: Canvas;
    --component-empty-state-drop-hover-border: Highlight;
    --component-empty-state-drop-hover-fg: CanvasText;
    --component-empty-state-focus-ring: Highlight;
    --component-empty-state-focus-halo: Highlight;
    --component-empty-state-disabled-fg: GrayText;
    --component-empty-state-invalid-border: CanvasText;
    --component-empty-state-invalid-fg: CanvasText;
    --component-banner-bg: Canvas;
    --component-banner-border: CanvasText;
    --component-banner-fg: CanvasText;
    --component-banner-fg-muted: CanvasText;
    --component-banner-icon: CanvasText;
    --component-banner-info-bg: Canvas;
    --component-banner-info-border: CanvasText;
    --component-banner-info-icon: CanvasText;
    --component-banner-info-title: CanvasText;
    --component-banner-info-fg: CanvasText;
    --component-banner-success-bg: Canvas;
    --component-banner-success-border: CanvasText;
    --component-banner-success-icon: CanvasText;
    --component-banner-success-title: CanvasText;
    --component-banner-success-fg: CanvasText;
    --component-banner-warning-bg: Canvas;
    --component-banner-warning-border: CanvasText;
    --component-banner-warning-icon: CanvasText;
    --component-banner-warning-title: CanvasText;
    --component-banner-warning-fg: CanvasText;
    --component-banner-danger-bg: Canvas;
    --component-banner-danger-border: CanvasText;
    --component-banner-danger-icon: CanvasText;
    --component-banner-danger-title: CanvasText;
    --component-banner-danger-fg: CanvasText;
    --component-banner-action-fg: LinkText;
    --component-banner-close-fg: CanvasText;
    --component-banner-close-hover: transparent;
    --component-banner-close-pressed: transparent;
    --component-banner-focus-ring: Highlight;
    --component-banner-focus-halo: Highlight;
    --component-inbox-list-bg: Canvas;
    --component-inbox-list-row-hover: transparent;
    --component-inbox-list-row-active: transparent;
    --component-inbox-list-divider: CanvasText;
    --component-inbox-list-fg: CanvasText;
    --component-inbox-list-fg-muted: CanvasText;
    --component-inbox-list-meta: CanvasText;
    --component-inbox-list-unread-fg: CanvasText;
    --component-inbox-list-unread-dot: Highlight;
    --component-inbox-list-thread-count-bg: transparent;
    --component-inbox-list-thread-count-fg: CanvasText;
    --component-inbox-list-thread-line: CanvasText;
    --component-inbox-list-flag: CanvasText;
    --component-inbox-list-pinned: LinkText;
    --component-inbox-list-selected-bg: Canvas;
    --component-inbox-list-selected-fg: CanvasText;
    --component-inbox-list-selected-rail: CanvasText;
    --component-inbox-list-focus-ring: Highlight;
    --component-inbox-list-group-header-bg: Canvas;
    --component-inbox-list-group-header-fg: CanvasText;
    --component-reader-bg: Canvas;
    --component-reader-fg: CanvasText;
    --component-reader-subject-fg: CanvasText;
    --component-reader-meta: CanvasText;
    --component-reader-divider: CanvasText;
    --component-reader-collapsed-bg: Canvas;
    --component-reader-collapsed-fg: CanvasText;
    --component-reader-quote-bar: CanvasText;
    --component-reader-quote-fg: CanvasText;
    --component-reader-attachment-bg: Canvas;
    --component-reader-attachment-border: CanvasText;
    --component-reader-attachment-fg: CanvasText;
    --component-reader-banner-external-bg: Canvas;
    --component-reader-banner-external-border: CanvasText;
    --component-reader-banner-external-fg: CanvasText;
    --component-reader-banner-remote-bg: Canvas;
    --component-reader-banner-remote-border: CanvasText;
    --component-reader-banner-remote-fg: CanvasText;
    --component-reader-focus-ring: Highlight;
    --component-composer-bg: Canvas;
    --component-composer-fg: CanvasText;
    --component-composer-placeholder: CanvasText;
    --component-composer-field-label: CanvasText;
    --component-composer-field-divider: CanvasText;
    --component-composer-toolbar-bg: Canvas;
    --component-composer-toolbar-fg: CanvasText;
    --component-composer-recipient-bg: transparent;
    --component-composer-recipient-fg: CanvasText;
    --component-composer-recipient-external-bg: Canvas;
    --component-composer-recipient-external-border: CanvasText;
    --component-composer-recipient-external-fg: CanvasText;
    --component-composer-disclosure-bg: Canvas;
    --component-composer-disclosure-border: CanvasText;
    --component-composer-disclosure-fg: CanvasText;
    --component-composer-proposal-bg: Canvas;
    --component-composer-proposal-border: Highlight;
    --component-composer-proposal-rail: Highlight;
    --component-composer-proposal-fg: CanvasText;
    --component-composer-shadow: none;
    --component-composer-focus-ring: Highlight;
    --component-calendar-bg: Canvas;
    --component-calendar-gridline: CanvasText;
    --component-calendar-gridline-hour: CanvasText;
    --component-calendar-header-bg: Canvas;
    --component-calendar-header-fg: CanvasText;
    --component-calendar-time-fg: CanvasText;
    --component-calendar-weekend-bg: Canvas;
    --component-calendar-outside-month-fg: CanvasText;
    --component-calendar-today-bg: Canvas;
    --component-calendar-today-fg: LinkText;
    --component-calendar-today-marker: Highlight;
    --component-calendar-today-marker-fg: HighlightText;
    --component-calendar-now-line: CanvasText;
    --component-calendar-slot-hover: transparent;
    --component-calendar-selected-bg: Canvas;
    --component-calendar-selected-border: CanvasText;
    --component-calendar-focus-ring: Highlight;
    --component-calendar-event-bg: Canvas;
    --component-calendar-event-border: CanvasText;
    --component-calendar-event-fg: CanvasText;
    --component-calendar-event-fg-muted: CanvasText;
    --component-calendar-event-tentative-hatch: CanvasText;
    --component-calendar-event-declined-fg: CanvasText;
    --component-calendar-event-selected-bg: Canvas;
    --component-calendar-event-selected-border: CanvasText;
    --component-calendar-event-shadow: none;
    --component-calendar-event-drag-shadow: none;
    --component-contact-card-bg: Canvas;
    --component-contact-card-border: CanvasText;
    --component-contact-card-name-fg: CanvasText;
    --component-contact-card-fg: CanvasText;
    --component-contact-card-fg-muted: CanvasText;
    --component-contact-card-field-label: CanvasText;
    --component-contact-card-divider: CanvasText;
    --component-contact-card-avatar-bg: Canvas;
    --component-contact-card-avatar-fg: LinkText;
    --component-contact-card-presence-available: CanvasText;
    --component-contact-card-presence-busy: CanvasText;
    --component-contact-card-presence-away: CanvasText;
    --component-contact-card-presence-offline: CanvasText;
    --component-contact-card-hover-shadow: none;
    --component-contact-card-focus-ring: Highlight;
    --component-grid-bg: Canvas;
    --component-grid-fg: CanvasText;
    --component-grid-fg-muted: CanvasText;
    --component-grid-gridline: CanvasText;
    --component-grid-header-bg: Canvas;
    --component-grid-header-fg: CanvasText;
    --component-grid-header-border: CanvasText;
    --component-grid-header-hover: transparent;
    --component-grid-header-selected-bg: Canvas;
    --component-grid-header-selected-fg: LinkText;
    --component-grid-header-selected-indicator: Highlight;
    --component-grid-frozen-bg: Canvas;
    --component-grid-frozen-divider: CanvasText;
    --component-grid-selection-bg: Canvas;
    --component-grid-selection-fg: CanvasText;
    --component-grid-selection-border: CanvasText;
    --component-grid-focus-ring: Highlight;
    --component-grid-focus-halo: Highlight;
    --component-grid-fill-handle: Highlight;
    --component-grid-fill-handle-border: Canvas;
    --component-grid-copy-marquee: Highlight;
    --component-grid-edit-bg: Canvas;
    --component-grid-edit-shadow: none;
    --component-grid-drop-target: Highlight;
    --component-grid-spill-border: CanvasText;
    --component-grid-error-fg: CanvasText;
    --component-grid-error-mark: CanvasText;
    --component-grid-comment-mark: CanvasText;
    --component-grid-override-mark: CanvasText;
    --component-grid-hatch: CanvasText;
    --component-grid-table-header-bg: Canvas;
    --component-grid-table-header-fg: CanvasText;
    --component-grid-table-band-bg: Canvas;
    --component-formula-bar-bg: Canvas;
    --component-formula-bar-border: CanvasText;
    --component-formula-bar-divider: CanvasText;
    --component-formula-bar-name-box-bg: Canvas;
    --component-formula-bar-name-box-fg: CanvasText;
    --component-formula-bar-name-box-border: CanvasText;
    --component-formula-bar-fx-fg: CanvasText;
    --component-formula-bar-input-fg: CanvasText;
    --component-formula-bar-placeholder: CanvasText;
    --component-formula-bar-focus-ring: Highlight;
    --component-formula-bar-syntax-function: LinkText;
    --component-formula-bar-syntax-string: CanvasText;
    --component-formula-bar-syntax-number: CanvasText;
    --component-formula-bar-syntax-operator: CanvasText;
    --component-formula-bar-syntax-error: CanvasText;
    --component-formula-bar-hint-fg: CanvasText;
    --component-formula-bar-hint-active-fg: CanvasText;
    --component-sheet-tabs-bar-bg: Canvas;
    --component-sheet-tabs-bar-border: CanvasText;
    --component-sheet-tabs-fg: CanvasText;
    --component-sheet-tabs-hover-bg: transparent;
    --component-sheet-tabs-fg-hover: CanvasText;
    --component-sheet-tabs-active-bg: Canvas;
    --component-sheet-tabs-active-fg: CanvasText;
    --component-sheet-tabs-active-border: CanvasText;
    --component-sheet-tabs-indicator: Highlight;
    --component-sheet-tabs-focus-ring: Highlight;
    --component-sheet-tabs-add-fg: CanvasText;
    --component-chart-bg: Canvas;
    --component-chart-title-fg: CanvasText;
    --component-chart-subtitle-fg: CanvasText;
    --component-chart-gridline: CanvasText;
    --component-chart-axis: CanvasText;
    --component-chart-label: CanvasText;
    --component-chart-legend-fg: CanvasText;
    --component-chart-target-line: CanvasText;
    --component-chart-annotation-fg: CanvasText;
    --component-chart-selected-border: CanvasText;
    --component-chart-focus-ring: Highlight;
    --component-chart-plot-hover: transparent;
    --component-chart-editor-bg: Canvas;
    --component-chart-editor-border: CanvasText;
    --component-chart-editor-section-fg: CanvasText;
    --component-chart-editor-swatch-border: CanvasText;
    --component-kpi-tile-bg: Canvas;
    --component-kpi-tile-border: CanvasText;
    --component-kpi-tile-shadow: none;
    --component-kpi-tile-label-fg: CanvasText;
    --component-kpi-tile-value-fg: CanvasText;
    --component-kpi-tile-meta-fg: CanvasText;
    --component-kpi-tile-delta-up-fg: CanvasText;
    --component-kpi-tile-delta-down-fg: CanvasText;
    --component-kpi-tile-delta-flat-fg: CanvasText;
    --component-kpi-tile-delta-up-bg: Canvas;
    --component-kpi-tile-delta-down-bg: Canvas;
    --component-kpi-tile-target: CanvasText;
    --component-kpi-tile-focus-ring: Highlight;
    --component-dashboard-canvas-bg: Canvas;
    --component-dashboard-canvas-grid: CanvasText;
    --component-dashboard-tile-bg: Canvas;
    --component-dashboard-tile-border: CanvasText;
    --component-dashboard-tile-shadow: none;
    --component-dashboard-tile-hover-border: CanvasText;
    --component-dashboard-tile-selected-border: CanvasText;
    --component-dashboard-tile-focus-ring: Highlight;
    --component-dashboard-tile-drag-shadow: none;
    --component-dashboard-title-fg: CanvasText;
    --component-dashboard-meta-fg: CanvasText;
    --component-dashboard-stale-fg: CanvasText;
    --component-dashboard-guide: Highlight;
    --component-dashboard-handle-bg: Canvas;
    --component-dashboard-handle-border: Highlight;
    --component-dashboard-filter-bar-bg: Canvas;
    --component-dashboard-filter-bar-border: CanvasText;
    --component-dashboard-empty-fg: CanvasText;
    --component-dashboard-empty-border: CanvasText;
    --component-slicer-bg: Canvas;
    --component-slicer-fg: CanvasText;
    --component-slicer-border: CanvasText;
    --component-slicer-hover-bg: transparent;
    --component-slicer-selected-bg: Canvas;
    --component-slicer-selected-fg: LinkText;
    --component-slicer-selected-border: Highlight;
    --component-slicer-focus-ring: Highlight;
    --component-slicer-label-fg: CanvasText;
    --component-slicer-count-bg: Highlight;
    --component-slicer-count-fg: HighlightText;
    --component-slicer-clear-fg: CanvasText;
    --component-slicer-disabled-fg: GrayText;
    --component-field-list-bg: Canvas;
    --component-field-list-fg: CanvasText;
    --component-field-list-fg-muted: CanvasText;
    --component-field-list-section-fg: CanvasText;
    --component-field-list-icon-fg: CanvasText;
    --component-field-list-measure-fg: LinkText;
    --component-field-list-item-hover: transparent;
    --component-field-list-item-selected-bg: Canvas;
    --component-field-list-item-selected-rail: CanvasText;
    --component-field-list-focus-ring: Highlight;
    --component-field-list-well-bg: Canvas;
    --component-field-list-well-border: CanvasText;
    --component-field-list-drop-target: Highlight;
    --component-field-list-well-item-bg: Canvas;
    --component-field-list-well-item-border: CanvasText;
    --component-field-list-model-canvas-bg: Canvas;
    --component-field-list-model-table-bg: Canvas;
    --component-field-list-model-table-header-bg: Canvas;
    --component-field-list-model-table-border: CanvasText;
    --component-field-list-model-table-shadow: none;
    --component-field-list-relationship: CanvasText;
    --component-field-list-relationship-selected: CanvasText;
    --component-list-view-bg: Canvas;
    --component-list-view-fg: CanvasText;
    --component-list-view-fg-muted: CanvasText;
    --component-list-view-icon-fg: CanvasText;
    --component-list-view-disabled-fg: GrayText;
    --component-list-view-divider: CanvasText;
    --component-list-view-row-hover: transparent;
    --component-list-view-selected-bg: Canvas;
    --component-list-view-selected-fg: CanvasText;
    --component-list-view-selected-rail: CanvasText;
    --component-list-view-focus-ring: Highlight;
    --component-list-view-focus-halo: Highlight;
    --component-list-view-tree-guide: CanvasText;
    --component-list-view-twisty-fg: CanvasText;
    --component-list-view-drop-target: Highlight;
    --component-canvas-bg: Canvas;
    --component-canvas-board-bg: Canvas;
    --component-canvas-page-bg: Canvas;
    --component-canvas-board-grid: CanvasText;
    --component-canvas-object-hover-border: CanvasText;
    --component-canvas-selected-border: CanvasText;
    --component-canvas-handle-bg: Canvas;
    --component-canvas-handle-border: CanvasText;
    --component-canvas-marquee-bg: Canvas;
    --component-canvas-marquee-border: CanvasText;
    --component-canvas-connector: CanvasText;
    --component-canvas-connector-selected: CanvasText;
    --component-canvas-guide: Highlight;
    --component-canvas-focus-ring: Highlight;
    --component-canvas-focus-halo: Highlight;
    --v1-color-bg: Canvas;
    --v1-color-surface: Canvas;
    --v1-color-surface-2: Canvas;
    --v1-color-surface-3: Canvas;
    --v1-color-line: CanvasText;
    --v1-color-line-strong: CanvasText;
    --v1-color-control-border: CanvasText;
    --v1-color-ink: CanvasText;
    --v1-color-ink-2: CanvasText;
    --v1-color-ink-3: CanvasText;
    --v1-color-ink-disabled: GrayText;
    --v1-color-accent: Highlight;
    --v1-color-accent-text: LinkText;
    --v1-color-accent-fill: Highlight;
    --v1-color-accent-fill-hover: Highlight;
    --v1-color-on-accent: HighlightText;
    --v1-color-accent-soft: Canvas;
    --v1-color-focus: Highlight;
    --v1-color-ok: CanvasText;
    --v1-color-ok-text: CanvasText;
    --v1-color-ok-soft: Canvas;
    --v1-color-warning: CanvasText;
    --v1-color-warning-text: CanvasText;
    --v1-color-warning-soft: Canvas;
    --v1-color-danger: CanvasText;
    --v1-color-danger-text: CanvasText;
    --v1-color-danger-soft: Canvas;
    --v1-color-on-danger: Canvas;
    --v1-color-info: CanvasText;
    --v1-color-info-text: CanvasText;
    --v1-color-info-soft: Canvas;
    --v1-color-scrim: transparent;
    --v1-color-comment: CanvasText;
    --v1-grid-gridline: CanvasText;
    --v1-grid-header: Canvas;
    --v1-grid-header-selected: Canvas;
    --v1-grid-header-text: CanvasText;
    --v1-grid-selection-fill: Canvas;
    --v1-grid-selection-border: CanvasText;
    --v1-grid-frozen-divider: CanvasText;
    --v1-grid-override: CanvasText;
    --v1-grid-hatch: CanvasText;
    --v1-live-block-frame: CanvasText;
    --v1-live-block-caption: Canvas;
    --v1-live-block-caption-text: CanvasText;
    --v1-live-block-live: CanvasText;
    --v1-elevation-1: none;
    --v1-elevation-2: none;
    --v1-elevation-dark-1: none;
    --v1-elevation-dark-2: none;
    forced-color-adjust: none;
  }

  input,
  select,
  textarea,
  progress,
  meter {
    forced-color-adjust: auto;
  }
}

/* Reduced motion: every duration is 0, springs and staggers are skipped. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-micro: 0ms;
    --motion-duration-tap: 0ms;
    --motion-duration-fast: 0ms;
    --motion-duration-short: 0ms;
    --motion-duration-medium: 0ms;
    --motion-duration-long: 0ms;
    --motion-spring-tight-settle: 0ms;
    --motion-spring-gentle-settle: 0ms;
    --motion-spring-snappy-settle: 0ms;
    --motion-spring-toast-settle: 0ms;
    --motion-spring-list-item-settle: 0ms;
    --motion-spring-popover-settle: 0ms;
    --motion-effect-press-duration: 0ms;
    --motion-effect-focus-ring-duration: 0ms;
    --motion-effect-skeleton-period: 0ms;
    --motion-effect-skeleton-line-offset: 0ms;
    --motion-effect-toast-enter-duration: 0ms;
    --motion-effect-toast-exit-duration: 0ms;
    --motion-effect-modal-backdrop-duration: 0ms;
    --motion-effect-modal-panel-duration: 0ms;
    --motion-effect-modal-exit-duration: 0ms;
    --motion-effect-count-up-duration: 0ms;
    --motion-effect-live-pulse-in-duration: 0ms;
    --motion-effect-live-pulse-out-duration: 0ms;
    --motion-effect-success-check-draw-duration: 0ms;
    --motion-effect-success-check-scale-duration: 0ms;
    --motion-effect-progress-climb-duration: 0ms;
    --motion-effect-progress-complete-duration: 0ms;
    --motion-effect-progress-fade-duration: 0ms;
    --motion-effect-selection-rail-duration: 0ms;
    --motion-effect-list-stagger-duration: 0ms;
    --motion-effect-list-stagger-step: 0ms;
    --motion-effect-list-stagger-cap: 0ms;
    --motion-spring-tight-easing: linear;
    --motion-spring-tight-duration: 0ms;
    --motion-spring-gentle-easing: linear;
    --motion-spring-gentle-duration: 0ms;
    --motion-spring-snappy-easing: linear;
    --motion-spring-snappy-duration: 0ms;
    --motion-spring-toast-easing: linear;
    --motion-spring-toast-duration: 0ms;
    --motion-spring-list-item-easing: linear;
    --motion-spring-list-item-duration: 0ms;
    --motion-spring-popover-easing: linear;
    --motion-spring-popover-duration: 0ms;
  }
}