:root{--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--primary-0:36 0% 100%;--primary-10:36 15% 95%;--primary-20:36 30% 84%;--primary-30:36 44% 73%;--primary-40:36 59% 68%;--primary-50:36 60% 66%;--primary-60:36 62% 60%;--primary-70:36 56% 51%;--primary-80:36 44% 24%;--primary-90:36 43% 21%;--primary-95:36 40% 11%;--primary-100:36 0% 0%;--secondary-0:20 0% 100%;--secondary-10:20 10% 91%;--secondary-20:20 19% 71%;--secondary-30:20 29% 50%;--secondary-40:20 38% 41%;--secondary-50:20 39% 40%;--secondary-60:20 40% 36%;--secondary-70:20 36% 31%;--secondary-80:20 29% 14%;--secondary-90:20 28% 13%;--secondary-95:20 26% 7%;--secondary-100:20 0% 0%;--tertiary-0:28 100% 100%;--tertiary-10:28 30% 98%;--tertiary-20:28 28% 93%;--tertiary-30:28 26% 88%;--tertiary-40:28 35% 70%;--tertiary-50:28 33% 55%;--tertiary-60:28 31% 45%;--tertiary-70:28 29% 35%;--tertiary-80:28 27% 28%;--tertiary-90:28 25% 20%;--tertiary-95:28 23% 15%;--tertiary-100:28 21% 10%;--neutral-0:0 0% 100%;--neutral-2:25 6% 6%;--neutral-4:25 5% 8%;--neutral-6:25 4% 10%;--neutral-7:25 4% 12%;--neutral-10:25 5% 14%;--neutral-12:25 3% 15%;--neutral-17:25 3% 18%;--neutral-20:32 16% 35%;--neutral-22:25 3% 22%;--neutral-24:30 5% 42%;--neutral-25:30 12% 45%;--neutral-30:30 10% 52%;--neutral-35:30 8% 58%;--neutral-40:30 6% 65%;--neutral-50:30 5% 72%;--neutral-60:30 4% 80%;--neutral-70:30 3% 86%;--neutral-80:30 2% 91%;--neutral-87:30 1% 94%;--neutral-90:30 1% 96%;--neutral-92:30 1% 97%;--neutral-94:30 1% 98%;--neutral-95:30 1% 98.5%;--neutral-96:30 0.5% 99%;--neutral-98:30 0.5% 99.5%;--neutral-99:30 0% 99.8%;--neutral-100:30 0% 100%;--neutral-variant-0:30 0% 100%;--neutral-variant-10:30 18% 25%;--neutral-variant-20:32 16% 35%;--neutral-variant-30:32 14% 40%;--neutral-variant-40:30 10% 65%;--neutral-variant-50:30 8% 72%;--neutral-variant-60:30 6% 80%;--neutral-variant-70:30 4% 86%;--neutral-variant-80:30 2% 92%;--neutral-variant-90:30 1% 96%;--neutral-variant-95:30 1% 98%;--neutral-variant-100:30 0% 100%;--error-0:0 100% 100%;--error-10:0 40% 95%;--error-20:0 38% 88%;--error-30:0 36% 80%;--error-40:0 55% 56%;--error-50:0 53% 40%;--error-60:0 51% 32%;--error-70:0 49% 25%;--error-80:0 47% 20%;--error-90:0 45% 13%;--error-95:0 43% 8%;--error-100:0 41% 3%;--state-hover-opacity:.08;--state-press-opacity:.12;--state-focus-opacity:.12;--state-drag-opacity:.16;--primary:var(--primary-40);--on-primary:var(--primary-100);--primary-container:var(--primary-90);--on-primary-container:var(--primary-10);--secondary:var(--secondary-40);--on-secondary:var(--secondary-100);--secondary-container:var(--secondary-90);--on-secondary-container:var(--secondary-10);--tertiary:var(--tertiary-40);--on-tertiary:var(--tertiary-100);--tertiary-container:var(--tertiary-90);--on-tertiary-container:var(--tertiary-10);--error:var(--error-40);--on-error:var(--error-100);--error-container:var(--error-90);--on-error-container:var(--error-10);--surface:var(--neutral-98);--surface-dim:var(--neutral-87);--surface-bright:var(--neutral-98);--surface-container-lowest:var(--neutral-100);--surface-container-low:var(--neutral-96);--surface-container:var(--neutral-94);--surface-container-high:var(--neutral-92);--surface-container-highest:var(--neutral-90);--on-surface:var(--neutral-10);--on-surface-variant:var(--neutral-variant-30);--inverse-surface:var(--neutral-20);--inverse-on-surface:var(--neutral-95);--outline:var(--neutral-variant-40);--outline-variant:var(--neutral-variant-50);--scrim:0 0% 0%;--shadow:0 0% 0%;--bg:var(--surface);--fg:var(--on-surface);--muted:var(--surface-container);--muted-foreground:var(--on-surface-variant);--border:var(--outline-variant);--primary-fg:var(--on-primary);--accent:var(--secondary);--accent-fg:var(--on-secondary);--gradient:linear-gradient(to bottom,#f1d8bb 0%,#deb87e 33.33%,#925c41 66.66%,#2e2017 100%)}
:root{--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-40:10rem;--spacing-48:12rem;--spacing-64:16rem;--grid-unit:.5rem;--grid-unit-12:.75rem}
:root{--radius-none:0;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px}
:root{--elevation-sm:0 1px 2px 0 #0000000a,0 1px 1px 0 #00000008;--elevation-md:0 2px 4px -1px #0000000f,0 4px 6px -2px #0000000d;--elevation-lg:0 4px 8px -2px #00000014,0 8px 12px -4px #0000000f;--elevation-xl:0 8px 16px -4px #0000001a,0 16px 24px -8px #00000014;--elevation-none:none}.dark{--elevation-sm:0 1px 2px 0 #00000040,0 1px 1px 0 #0003;--elevation-md:0 2px 4px -1px #0000004d,0 4px 6px -2px #00000040;--elevation-lg:0 4px 8px -2px #00000059,0 8px 12px -4px #0000004d;--elevation-xl:0 8px 16px -4px #0006,0 16px 24px -8px #00000059}
:root{--motion-duration-fast:.15s;--motion-duration-normal:.2s;--motion-duration-slow:.3s;--motion-duration-slower:.5s;--motion-ease-in:cubic-bezier(.4,0,1,1);--motion-ease-out:cubic-bezier(0,0,.2,1);--motion-ease-in-out:cubic-bezier(.4,0,.2,1);--motion-ease-default:var(--motion-ease-in-out)}
:root{--z-base:0;--z-elevated:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}
:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}
:root{--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px}
:root{--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.375rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:2.5rem;--font-size-6xl:3rem;--line-height-none:1;--line-height-tight:1.2;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0em;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800}@media (min-width:640px){:root{--font-size-xs:.8125rem;--font-size-sm:.9375rem;--font-size-base:1.1875rem;--font-size-lg:1.3125rem;--font-size-xl:1.5rem;--font-size-2xl:1.625rem;--font-size-3xl:2.125rem;--font-size-4xl:2.625rem;--font-size-5xl:3rem;--font-size-6xl:3.5rem}}@media (min-width:768px){:root{--font-size-xs:.875rem;--font-size-sm:1rem;--font-size-base:1.1875rem;--font-size-lg:1.3125rem;--font-size-xl:1.5625rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:2.75rem;--font-size-5xl:3.25rem;--font-size-6xl:4rem}}@media (min-width:1024px){:root{--font-size-xs:.875rem;--font-size-sm:1rem;--font-size-base:1.25rem;--font-size-lg:1.375rem;--font-size-xl:1.625rem;--font-size-2xl:1.875rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--font-size-6xl:4.5rem}}@media (min-width:1280px){:root{--font-size-xs:.875rem;--font-size-sm:1rem;--font-size-base:1.25rem;--font-size-lg:1.375rem;--font-size-xl:1.625rem;--font-size-2xl:1.875rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--font-size-6xl:4.5rem}}@media (min-width:1536px){:root{--font-size-xs:.875rem;--font-size-sm:1rem;--font-size-base:1.375rem;--font-size-lg:1.5rem;--font-size-xl:1.75rem;--font-size-2xl:1.875rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--font-size-5xl:4.5rem;--font-size-6xl:6rem}}
:root{--border-opacity-subtle:.08;--border-opacity-default:.12;--border-opacity-strong:.2;--border-opacity-emphasis:.3}.ds-divider-subtle{border-top:1px solid hsl(var(--outline-variant)/var(--border-opacity-subtle));margin:1rem 0}.ds-divider{border-top:1px solid hsl(var(--outline-variant)/var(--border-opacity-default));margin:1.5rem 0}.ds-divider-strong{border-top:1px solid hsl(var(--outline-variant)/var(--border-opacity-strong));margin:2rem 0}.ds-divider-section{border-top:1px solid hsl(var(--outline-variant)/var(--border-opacity-default));margin-top:3rem;margin-bottom:2rem;padding-top:2rem}.border-subtle{border-color:hsl(var(--outline-variant)/var(--border-opacity-subtle))}.border-default{border-color:hsl(var(--outline-variant)/var(--border-opacity-default))}.border-strong{border-color:hsl(var(--outline-variant)/var(--border-opacity-strong))}.border-emphasis{border-color:hsl(var(--outline-variant)/var(--border-opacity-emphasis))}.border-b-section{border-bottom:1px solid hsl(var(--outline-variant)/var(--border-opacity-default));margin-bottom:1.5rem;padding-bottom:1.5rem}.border-b-subtle{border-bottom:1px solid hsl(var(--outline-variant)/var(--border-opacity-subtle));margin-bottom:1rem;padding-bottom:1rem}.ds-sidebar-section-divider{border-top:1px solid hsl(var(--outline-variant)/var(--border-opacity-subtle));margin:1.5rem 0}.ds-sidebar-item-divider{border-bottom:1px solid hsl(var(--outline-variant)/var(--border-opacity-subtle));margin-bottom:.5rem;padding-bottom:.5rem}.ds-divider-vertical{border-left:1px solid hsl(var(--outline-variant)/var(--border-opacity-default));height:100%;margin:0 1rem}.ds-divider-vertical-subtle{border-left:1px solid hsl(var(--outline-variant)/var(--border-opacity-subtle));height:100%;margin:0 .75rem}
.border-subtle{border-color:hsl(var(--outline-variant)/.12)}.border-subtle-hover{border-color:hsl(var(--outline-variant)/.2)}.border-subtle-active{border-color:hsl(var(--outline-variant)/.3)}.bg-surface-container-lowest{background-color:hsl(var(--surface-container-lowest))}.bg-surface-container-low{background-color:hsl(var(--surface-container-low))}.bg-surface-container{background-color:hsl(var(--surface-container))}.bg-surface-container-high{background-color:hsl(var(--surface-container-high))}.bg-surface-container-highest{background-color:hsl(var(--surface-container-highest))}.ds-code-block{background-color:hsl(var(--surface-container-high));border:1px solid hsl(var(--outline-variant)/.12);border-radius:var(--radius-md);font-family:var(--font-mono);box-shadow:var(--elevation-sm);padding:1rem;font-size:.875rem;line-height:1.6}.ds-code-block code{color:hsl(var(--on-surface));background:0 0;padding:0}.ds-card{background-color:hsl(var(--surface-container));border:1px solid hsl(var(--outline-variant)/.12);border-radius:var(--radius-lg);box-shadow:var(--elevation-sm);transition:box-shadow .2s var(--motion-ease-default),border-color .2s var(--motion-ease-default)}.ds-card:not(.nav-card){padding:0}.ds-card:hover{border-color:hsl(var(--outline-variant)/.2);box-shadow:var(--elevation-md)}.group:hover .nav-card{background-color:hsl(var(--primary)/var(--state-hover-opacity))!important}.ds-table{border-collapse:collapse;width:100%}.ds-table thead{border-bottom:1px solid hsl(var(--outline-variant)/.12)}.ds-table th{text-align:left;color:hsl(var(--on-surface));padding:.75rem 1rem;font-size:.875rem;font-weight:600}.ds-table tbody tr{border-bottom:1px solid hsl(var(--outline-variant)/.08);transition:background-color .15s var(--motion-ease-default)}.ds-table tbody tr:hover{background-color:hsl(var(--surface-container-low))}.ds-table td{color:hsl(var(--on-surface));padding:.75rem 1rem;font-size:.875rem}.ds-preview-container{background-color:hsl(var(--surface-container-lowest));border:1px solid hsl(var(--outline-variant)/.12);border-radius:var(--radius-lg);box-shadow:var(--elevation-sm);padding:1.5rem}.ds-tab-list{background-color:hsl(var(--surface-container-low));border:1px solid hsl(var(--outline-variant)/.12);border-radius:var(--radius-lg);padding:.25rem}.ds-tab-trigger{transition:all .2s var(--motion-ease-default)}.ds-tab-trigger[data-state=active]{background-color:hsl(var(--surface-container-lowest));color:hsl(var(--on-surface));box-shadow:var(--elevation-sm)}.ds-tab-trigger[data-state=inactive]{color:hsl(var(--on-surface-variant))}.ds-tab-trigger:hover{background-color:hsl(var(--surface-container))}.ds-button-hover{transition:background-color .15s var(--motion-ease-default)}.ds-button-hover:hover{background-color:hsl(var(--primary)/var(--state-hover-opacity))}.ds-sidebar-link{transition:all .15s var(--motion-ease-default);color:hsl(var(--on-surface-variant))}.ds-sidebar-link:hover{background-color:hsl(var(--surface-container-low));color:hsl(var(--on-surface))}.ds-sidebar-link-active{background-color:hsl(var(--surface-container));color:hsl(var(--on-surface));font-weight:500}.ds-focus-ring:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:var(--radius-sm)}.ds-divider{border-top:1px solid hsl(var(--outline-variant)/.08);margin:1.5rem 0}.ds-badge{background-color:hsl(var(--surface-container-high));color:hsl(var(--on-surface-variant));border:1px solid hsl(var(--outline-variant)/.12);border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:500}.ds-copy-button{transition:all .15s var(--motion-ease-default);color:hsl(var(--on-surface-variant))}.ds-copy-button:hover{background-color:hsl(var(--surface-container-low));color:hsl(var(--on-surface))}.ds-copy-button:active{background-color:hsl(var(--surface-container))}.ds-token-swatch{border:1px solid hsl(var(--outline-variant)/.12);border-radius:var(--radius-md);transition:border-color .15s var(--motion-ease-default)}.ds-token-swatch:hover{border-color:hsl(var(--outline-variant)/.3)}.ds-elevation-sm{box-shadow:var(--elevation-sm)}.ds-elevation-md{box-shadow:var(--elevation-md)}.ds-elevation-lg{box-shadow:var(--elevation-lg)}.ds-transition{transition:all .2s var(--motion-ease-default)}.text-on-surface{color:hsl(var(--on-surface))}.text-on-surface-variant{color:hsl(var(--on-surface-variant))}.ds-checkbox{position:relative}.ds-checkbox:not([data-state=checked]):before{content:"";border-radius:inherit;background-color:hsl(var(--primary)/var(--state-hover-opacity));opacity:0;transition:opacity .15s var(--motion-ease-default);pointer-events:none;position:absolute;inset:0}.ds-checkbox:not([data-state=checked]):hover:before{opacity:1}.ds-checkbox:not([data-state=checked]):active:before{background-color:hsl(var(--primary)/var(--state-press-opacity))}.ds-checkbox[data-state=checked]{background-color:hsl(var(--primary))!important;border-color:hsl(var(--primary))!important}.ds-checkbox[data-state=checked]:before{content:"";border-radius:inherit;background-color:hsl(var(--on-primary)/var(--state-hover-opacity));opacity:0;transition:opacity .15s var(--motion-ease-default);pointer-events:none;position:absolute;inset:0}.ds-checkbox[data-state=checked]:hover:before{opacity:1}.ds-checkbox[data-state=checked]:active:before{background-color:hsl(var(--on-primary)/var(--state-press-opacity))}.ds-radio{position:relative}.ds-radio:not([data-state=checked]):before{content:"";border-radius:inherit;background-color:hsl(var(--primary)/var(--state-hover-opacity));opacity:0;transition:opacity .15s var(--motion-ease-default);pointer-events:none;position:absolute;inset:0}.ds-radio:not([data-state=checked]):hover:before{opacity:1}.ds-radio:not([data-state=checked]):active:before{background-color:hsl(var(--primary)/var(--state-press-opacity))}.ds-radio[data-state=checked]{background-color:hsl(var(--primary))!important;border-color:hsl(var(--primary))!important}.ds-radio[data-state=checked]:before{content:"";border-radius:inherit;background-color:hsl(var(--on-primary)/var(--state-hover-opacity));opacity:0;transition:opacity .15s var(--motion-ease-default);pointer-events:none;position:absolute;inset:0}.ds-radio[data-state=checked]:hover:before{opacity:1}.ds-radio[data-state=checked]:active:before{background-color:hsl(var(--on-primary)/var(--state-press-opacity))}.ds-button{border:1px solid #0000;position:relative}.ds-button:not([data-variant=outline]):not([data-variant=ghost]):before{content:"";border-radius:inherit;background-color:hsl(var(--on-primary)/var(--state-hover-opacity));opacity:0;transition:opacity .15s var(--motion-ease-default);pointer-events:none;position:absolute;inset:0}.ds-button:not([data-variant=outline]):not([data-variant=ghost]):hover:before{opacity:1}.ds-button:not([data-variant=outline]):not([data-variant=ghost]):active:before{background-color:hsl(var(--on-primary)/var(--state-press-opacity))}.ds-button[data-variant=secondary]:before{background-color:hsl(var(--primary)/var(--state-hover-opacity))}.ds-button[data-variant=secondary]:active:before{background-color:hsl(var(--primary)/var(--state-press-opacity))}.ds-button[data-variant=destructive]:before{background-color:hsl(var(--on-error)/var(--state-hover-opacity))}.ds-button[data-variant=destructive]:active:before{background-color:hsl(var(--on-error)/var(--state-press-opacity))}.ds-button[data-variant=outline]:before{content:"";border-radius:inherit;background-color:hsl(var(--primary)/var(--state-hover-opacity));opacity:0;transition:opacity .15s var(--motion-ease-default);pointer-events:none;position:absolute;inset:0}.ds-button[data-variant=outline]:hover:before{opacity:1}.ds-button[data-variant=outline]:active:before{background-color:hsl(var(--primary)/var(--state-press-opacity))}.ds-button[data-variant=ghost]:before{content:"";border-radius:inherit;background-color:hsl(var(--primary)/var(--state-hover-opacity));opacity:0;transition:opacity .15s var(--motion-ease-default);pointer-events:none;position:absolute;inset:0}.ds-button[data-variant=ghost]:hover:before{opacity:1}.ds-button[data-variant=ghost]:active:before{background-color:hsl(var(--primary)/var(--state-press-opacity))}.ds-button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.ds-button[data-variant=outline]:focus-visible,.ds-button[data-variant=ghost]:focus-visible{outline-color:hsl(var(--primary))}input::placeholder{color:hsl(var(--on-surface-variant));opacity:.6}.bg-gradient{background:var(--gradient)}.border-gradient-right{border-right:1px solid;border-image:var(--gradient)1}.border-gradient-right-animated{position:sticky;top:0}.border-gradient-right-animated:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#2e2017 0%,#925c41 25%,#f1d8bb 50%,#925c41 75%,#2e2017 100%) 0 0/100% 100vh;width:1px;height:100%;animation:4s linear infinite led-chase;position:absolute;top:0;right:0}@keyframes led-chase{0%{background-position:0 100vh}to{background-position:0 0}}.border-gradient-bottom-animated{position:relative}.border-gradient-bottom-animated:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(90deg,#2e2017 0%,#925c41 25%,#f1d8bb 50%,#925c41 75%,#2e2017 100%) 0 0/100vw 100%;width:100%;height:1px;animation:4s linear infinite led-chase-horizontal;position:absolute;bottom:0;left:0}@keyframes led-chase-horizontal{0%{background-position:100vw 0}to{background-position:0 0}}
.light{--primary:var(--primary-40);--on-primary:var(--primary-100);--primary-container:var(--primary-90);--on-primary-container:var(--primary-10);--secondary:var(--secondary-40);--on-secondary:var(--secondary-100);--secondary-container:var(--secondary-90);--on-secondary-container:var(--secondary-10);--tertiary:var(--tertiary-40);--on-tertiary:var(--tertiary-100);--tertiary-container:var(--tertiary-90);--on-tertiary-container:var(--tertiary-10);--error:var(--error-40);--on-error:var(--error-100);--error-container:var(--error-90);--on-error-container:var(--error-10);--surface:30 0.5% 98.5%;--surface-dim:var(--neutral-87);--surface-bright:var(--neutral-98);--surface-container-lowest:var(--neutral-100);--surface-container-low:var(--neutral-96);--surface-container:var(--neutral-94);--surface-container-high:var(--neutral-92);--surface-container-highest:var(--neutral-90);--on-surface:var(--neutral-10);--on-surface-variant:var(--neutral-variant-30);--inverse-surface:var(--neutral-20);--inverse-on-surface:var(--neutral-95);--outline:var(--neutral-variant-30);--outline-variant:var(--neutral-variant-30);--bg:var(--surface);--fg:var(--on-surface);--muted:var(--surface-container);--muted-foreground:var(--on-surface-variant);--border:var(--outline-variant);--primary-fg:var(--on-primary);--accent:var(--secondary);--accent-fg:var(--on-secondary)}
.dark{--primary:var(--primary-80);--on-primary:var(--primary-10);--primary-container:var(--primary-30);--on-primary-container:var(--primary-90);--secondary:var(--secondary-80);--on-secondary:var(--secondary-10);--secondary-container:var(--secondary-30);--on-secondary-container:var(--secondary-90);--tertiary:var(--tertiary-80);--on-tertiary:var(--tertiary-10);--tertiary-container:var(--tertiary-30);--on-tertiary-container:var(--tertiary-90);--error:var(--error-80);--on-error:var(--error-20);--error-container:var(--error-30);--on-error-container:var(--error-90);--surface:var(--neutral-2);--surface-dim:var(--neutral-2);--surface-bright:var(--neutral-22);--surface-container-lowest:var(--neutral-2);--surface-container-low:var(--neutral-4);--surface-container:var(--neutral-6);--surface-container-high:var(--neutral-7);--surface-container-highest:var(--neutral-10);--on-surface:var(--neutral-95);--on-surface-variant:var(--neutral-variant-80);--inverse-surface:var(--neutral-95);--inverse-on-surface:var(--neutral-10);--outline:var(--neutral-variant-80);--outline-variant:var(--neutral-variant-70);--bg:var(--surface);--fg:var(--on-surface);--muted:var(--surface-container);--muted-foreground:var(--on-surface-variant);--border:var(--outline-variant);--primary-fg:var(--on-primary);--accent:var(--secondary);--accent-fg:var(--on-secondary)}