/* Orvell Travel design tokens. Generated by the OpenDesigner engine 0.3.1 from state.json;
   do not edit by hand. Source of truth: tokens/*.tokens.json (DTCG 2025.10) + opendesigner.resolver.json.
   Themes: prefers-color-scheme with a [data-theme] override. Density: [data-density]. Motion: prefers-reduced-motion
   with a [data-motion] override. Font sizes are rem so browser text zoom works (WCAG 1.4.4).
   Text: use the .ds-text-* classes, or set font and letter-spacing together; the font shorthand alone drops tracking. */

:root {
  --ds-color-white: #ffffff;
  --ds-color-black: #000000;
  --ds-color-brand-seed: #0f766e;
  --ds-color-neutral-light-1: #fefcfb;
  --ds-color-neutral-light-2: #f7f3f1;
  --ds-color-neutral-light-3: #efebe8;
  --ds-color-neutral-light-4: #e7e2de;
  --ds-color-neutral-light-5: #dfd9d5;
  --ds-color-neutral-light-6: #d8d1cc;
  --ds-color-neutral-light-7: #d0c8c2;
  --ds-color-neutral-light-8: #8d857f;
  --ds-color-neutral-light-9: #7d746d;
  --ds-color-neutral-light-10: #6b635d;
  --ds-color-neutral-light-11: #5e5651;
  --ds-color-neutral-light-12: #272321;
  --ds-color-neutral-dark-1: #161514;
  --ds-color-neutral-dark-2: #1f1d1b;
  --ds-color-neutral-dark-3: #272522;
  --ds-color-neutral-dark-4: #312d2a;
  --ds-color-neutral-dark-5: #3a3532;
  --ds-color-neutral-dark-6: #443e3a;
  --ds-color-neutral-dark-7: #4e4742;
  --ds-color-neutral-dark-8: #877f79;
  --ds-color-neutral-dark-9: #8a817b;
  --ds-color-neutral-dark-10: #9d948d;
  --ds-color-neutral-dark-11: #b2aaa4;
  --ds-color-neutral-dark-12: #ede8e4;
  --ds-color-accent-light-1: #fafdfd;
  --ds-color-accent-light-2: #eff5f4;
  --ds-color-accent-light-3: #e1eeec;
  --ds-color-accent-light-4: #d2e7e4;
  --ds-color-accent-light-5: #c3e0dc;
  --ds-color-accent-light-6: #b4d9d4;
  --ds-color-accent-light-7: #a4d2cc;
  --ds-color-accent-light-8: #54918a;
  --ds-color-accent-light-9: #0f766e;
  --ds-color-accent-light-10: #056a62;
  --ds-color-accent-light-11: #12625b;
  --ds-color-accent-light-12: #193936;
  --ds-color-accent-light-solid-pressed: #00615a;
  --ds-color-accent-dark-1: #151919;
  --ds-color-accent-dark-2: #1a2120;
  --ds-color-accent-dark-3: #1c2a28;
  --ds-color-accent-dark-4: #1d3331;
  --ds-color-accent-dark-5: #1e3c39;
  --ds-color-accent-dark-6: #1e4642;
  --ds-color-accent-dark-7: #19504b;
  --ds-color-accent-dark-8: #438d85;
  --ds-color-accent-dark-9: #379188;
  --ds-color-accent-dark-10: #469e95;
  --ds-color-accent-dark-11: #6ab9b1;
  --ds-color-accent-dark-12: #c1dbd7;
  --ds-color-accent-dark-solid-pressed: #50a89f;
  --ds-color-success-light-1: #fafefb;
  --ds-color-success-light-2: #eff6f0;
  --ds-color-success-light-3: #e0efe2;
  --ds-color-success-light-4: #d1e9d5;
  --ds-color-success-light-5: #c2e2c7;
  --ds-color-success-light-6: #b3dcba;
  --ds-color-success-light-7: #a4d5ad;
  --ds-color-success-light-8: #539462;
  --ds-color-success-light-9: #238644;
  --ds-color-success-light-10: #1a793b;
  --ds-color-success-light-11: #11652f;
  --ds-color-success-light-12: #183b21;
  --ds-color-success-light-solid-pressed: #0b7133;
  --ds-color-success-dark-1: #151916;
  --ds-color-success-dark-2: #1b211c;
  --ds-color-success-dark-3: #1e2a20;
  --ds-color-success-dark-4: #213325;
  --ds-color-success-dark-5: #243d29;
  --ds-color-success-dark-6: #26472d;
  --ds-color-success-dark-7: #265130;
  --ds-color-success-dark-8: #528f60;
  --ds-color-success-dark-9: #4b935d;
  --ds-color-success-dark-10: #58a069;
  --ds-color-success-dark-11: #79bb87;
  --ds-color-success-dark-12: #c5dcc8;
  --ds-color-success-dark-solid-pressed: #62aa73;
  --ds-color-warning-light-1: #fffcf9;
  --ds-color-warning-light-2: #f8f4ed;
  --ds-color-warning-light-3: #f4eadc;
  --ds-color-warning-light-4: #f0e1ca;
  --ds-color-warning-light-5: #ecd8b8;
  --ds-color-warning-light-6: #e8cfa6;
  --ds-color-warning-light-7: #e3c594;
  --ds-color-warning-light-8: #a5803d;
  --ds-color-warning-light-9: #e9b454;
  --ds-color-warning-light-10: #d7a54b;
  --ds-color-warning-light-11: #845d00;
  --ds-color-warning-light-12: #44310c;
  --ds-color-warning-light-solid-pressed: #cc9b3f;
  --ds-color-warning-dark-1: #1a1814;
  --ds-color-warning-dark-2: #231f19;
  --ds-color-warning-dark-3: #2e261a;
  --ds-color-warning-dark-4: #392e1b;
  --ds-color-warning-dark-5: #44351c;
  --ds-color-warning-dark-6: #503d1c;
  --ds-color-warning-dark-7: #5d4416;
  --ds-color-warning-dark-8: #9f7c3e;
  --ds-color-warning-dark-9: #e1b66d;
  --ds-color-warning-dark-10: #f2c67c;
  --ds-color-warning-dark-11: #f9d08c;
  --ds-color-warning-dark-12: #e9dbc4;
  --ds-color-warning-dark-solid-pressed: #fed389;
  --ds-color-danger-light-1: #fffcfc;
  --ds-color-danger-light-2: #fcf2f1;
  --ds-color-danger-light-3: #fce7e4;
  --ds-color-danger-light-4: #fcdcd7;
  --ds-color-danger-light-5: #fcd0cb;
  --ds-color-danger-light-6: #fcc5be;
  --ds-color-danger-light-7: #fbb9b1;
  --ds-color-danger-light-8: #c07168;
  --ds-color-danger-light-9: #bd554c;
  --ds-color-danger-light-10: #ad4b43;
  --ds-color-danger-light-11: #913c36;
  --ds-color-danger-light-12: #512824;
  --ds-color-danger-light-solid-pressed: #a3423b;
  --ds-color-danger-dark-1: #1d1716;
  --ds-color-danger-dark-2: #261e1d;
  --ds-color-danger-dark-3: #342422;
  --ds-color-danger-dark-4: #412926;
  --ds-color-danger-dark-5: #4f2f2b;
  --ds-color-danger-dark-6: #5d3531;
  --ds-color-danger-dark-7: #6d3a34;
  --ds-color-danger-dark-8: #b86d65;
  --ds-color-danger-dark-9: #c26c63;
  --ds-color-danger-dark-10: #d0796f;
  --ds-color-danger-dark-11: #ea968c;
  --ds-color-danger-dark-12: #efcfca;
  --ds-color-danger-dark-solid-pressed: #db8379;
  --ds-color-info-light-1: #fbfdff;
  --ds-color-info-light-2: #edf5fb;
  --ds-color-info-light-3: #ddeefa;
  --ds-color-info-light-4: #cce7fa;
  --ds-color-info-light-5: #bbdffa;
  --ds-color-info-light-6: #a9d8f9;
  --ds-color-info-light-7: #97d0f9;
  --ds-color-info-light-8: #3f8dbf;
  --ds-color-info-light-9: #007cb7;
  --ds-color-info-light-10: #0070a6;
  --ds-color-info-light-11: #005c8a;
  --ds-color-info-light-12: #0c3751;
  --ds-color-info-light-solid-pressed: #006799;
  --ds-color-info-dark-1: #14191c;
  --ds-color-info-dark-2: #1a2126;
  --ds-color-info-dark-3: #1b2933;
  --ds-color-info-dark-4: #1c3241;
  --ds-color-info-dark-5: #1d3a4e;
  --ds-color-info-dark-6: #1c435d;
  --ds-color-info-dark-7: #164c6d;
  --ds-color-info-dark-8: #3f88b7;
  --ds-color-info-dark-9: #328bc1;
  --ds-color-info-dark-10: #4198cf;
  --ds-color-info-dark-11: #66b4e8;
  --ds-color-info-dark-12: #bfd9ed;
  --ds-color-info-dark-solid-pressed: #4ca2da;
  --ds-color-neutral-alpha-light-2: rgb(110 37 0 / 0.055);
  --ds-color-neutral-alpha-light-3: rgb(79 35 2 / 0.091);
  --ds-color-neutral-alpha-light-4: rgb(70 32 1 / 0.13);
  --ds-color-neutral-alpha-light-5: rgb(61 25 0 / 0.165);
  --ds-color-neutral-alpha-light-6: rgb(60 25 0 / 0.2);
  --ds-color-neutral-alpha-light-7: rgb(59 26 1 / 0.24);
  --ds-color-neutral-alpha-light-8: rgb(28 12 0 / 0.502);
  --ds-color-neutral-alpha-light-9: rgb(28 12 0 / 0.573);
  --ds-color-neutral-alpha-light-10: rgb(22 10 0 / 0.636);
  --ds-color-neutral-alpha-light-11: rgb(19 8 0 / 0.683);
  --ds-color-neutral-alpha-light-12: rgb(7 2 0 / 0.871);
  --ds-color-neutral-alpha-dark-2: rgb(253 226 199 / 0.039);
  --ds-color-neutral-alpha-dark-3: rgb(255 240 212 / 0.073);
  --ds-color-neutral-alpha-dark-4: rgb(255 228 210 / 0.116);
  --ds-color-neutral-alpha-dark-5: rgb(254 227 214 / 0.155);
  --ds-color-neutral-alpha-dark-6: rgb(254 228 212 / 0.198);
  --ds-color-neutral-alpha-dark-7: rgb(254 228 211 / 0.241);
  --ds-color-neutral-alpha-dark-8: rgb(255 240 228 / 0.485);
  --ds-color-neutral-alpha-dark-9: rgb(255 238 227 / 0.498);
  --ds-color-neutral-alpha-dark-10: rgb(255 240 229 / 0.58);
  --ds-color-neutral-alpha-dark-11: rgb(255 243 235 / 0.67);
  --ds-color-neutral-alpha-dark-12: rgb(255 250 245 / 0.923);
  --ds-opacity-state-hover: 0.08;
  --ds-opacity-state-focus: 0.1;
  --ds-opacity-state-pressed: 0.1;
  --ds-opacity-state-drag: 0.16;
  --ds-opacity-disabled-container: 0.12;
  --ds-opacity-disabled-content: 0.38;
  --ds-font-size-13: 0.8125rem;
  --ds-font-size-16: 1rem;
  --ds-font-size-19: 1.1875rem;
  --ds-font-size-23: 1.4375rem;
  --ds-font-size-28: 1.75rem;
  --ds-font-size-33: 2.0625rem;
  --ds-font-size-40: 2.5rem;
  --ds-font-size-input: 1rem;
  --ds-font-line-height-20: 20px;
  --ds-font-line-height-24: 24px;
  --ds-font-line-height-28: 28px;
  --ds-font-line-height-32: 32px;
  --ds-font-line-height-36: 36px;
  --ds-font-line-height-40: 40px;
  --ds-font-line-height-48: 48px;
  --ds-space-0: 0px;
  --ds-space-2: 2px;
  --ds-space-4: 4px;
  --ds-space-6: 6px;
  --ds-space-8: 8px;
  --ds-space-12: 12px;
  --ds-space-16: 16px;
  --ds-space-20: 20px;
  --ds-space-24: 24px;
  --ds-space-32: 32px;
  --ds-space-40: 40px;
  --ds-space-48: 48px;
  --ds-space-64: 64px;
  --ds-space-80: 80px;
  --ds-space-96: 96px;
  --ds-radius-0: 0px;
  --ds-radius-2: 2px;
  --ds-radius-4: 4px;
  --ds-radius-6: 6px;
  --ds-radius-8: 8px;
  --ds-radius-12: 12px;
  --ds-radius-16: 16px;
  --ds-radius-20: 20px;
  --ds-radius-24: 24px;
  --ds-radius-28: 28px;
  --ds-radius-32: 32px;
  --ds-radius-full: 9999px;
  --ds-border-width-1: 1px;
  --ds-border-width-2: 2px;
  --ds-border-width-4: 4px;
  --ds-motion-duration-instant: 0ms;
  --ds-motion-duration-micro: 100ms;
  --ds-motion-duration-short: 150ms;
  --ds-motion-duration-medium: 200ms;
  --ds-motion-duration-long: 250ms;
  --ds-motion-duration-extra: 660ms;
  --ds-motion-duration-medium-exit: 160ms;
  --ds-motion-duration-long-exit: 200ms;
  --ds-motion-duration-drawer: 500ms;
  --ds-motion-duration-modal: 250ms;
  --ds-motion-duration-reduced-fade: 200ms;
  --ds-motion-duration-reveal: 600ms;
  --ds-motion-duration-stagger: 50ms;
  --ds-motion-duration-toast: 400ms;
  --ds-motion-duration-tooltip: 125ms;
  --ds-motion-easing-standard: cubic-bezier(0.77, 0, 0.175, 1);
  --ds-motion-easing-enter: cubic-bezier(0.23, 1, 0.32, 1);
  --ds-motion-easing-exit: cubic-bezier(0.23, 1, 0.32, 1);
  --ds-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --ds-motion-easing-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ds-motion-easing-hover: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ds-motion-easing-toast: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ds-motion-spring-spatial-fast-duration: 410ms;
  --ds-motion-spring-spatial-fast-easing: linear(0, 0.057, 0.179, 0.319, 0.453, 0.571, 0.669, 0.748, 0.811, 0.859, 0.895, 0.923, 0.944, 0.959, 0.97, 0.979, 0.985, 0.989, 0.992, 0.994, 0.996, 0.997, 0.998, 0.999, 1);
  --ds-motion-spring-spatial-fast-delay: 0ms;
  --ds-motion-spring-spatial-default-duration: 590ms;
  --ds-motion-spring-spatial-default-easing: linear(0, 0.057, 0.179, 0.319, 0.453, 0.571, 0.669, 0.748, 0.811, 0.859, 0.895, 0.923, 0.944, 0.959, 0.97, 0.979, 0.985, 0.989, 0.992, 0.994, 0.996, 0.997, 0.998, 0.999, 1);
  --ds-motion-spring-spatial-default-delay: 0ms;
  --ds-motion-spring-spatial-slow-duration: 870ms;
  --ds-motion-spring-spatial-slow-easing: linear(0, 0.057, 0.179, 0.319, 0.453, 0.571, 0.669, 0.748, 0.811, 0.859, 0.895, 0.923, 0.944, 0.959, 0.97, 0.979, 0.985, 0.989, 0.992, 0.994, 0.996, 0.997, 0.998, 0.999, 1);
  --ds-motion-spring-spatial-slow-delay: 0ms;
  --ds-motion-spring-effects-fast-duration: 150ms;
  --ds-motion-spring-effects-fast-easing: linear(0, 0.057, 0.179, 0.319, 0.453, 0.571, 0.669, 0.748, 0.811, 0.859, 0.895, 0.923, 0.944, 0.959, 0.97, 0.979, 0.985, 0.989, 0.992, 0.994, 0.996, 0.997, 0.998, 0.999, 1);
  --ds-motion-spring-effects-fast-delay: 0ms;
  --ds-motion-spring-effects-default-duration: 230ms;
  --ds-motion-spring-effects-default-easing: linear(0, 0.057, 0.179, 0.319, 0.453, 0.571, 0.669, 0.748, 0.811, 0.859, 0.895, 0.923, 0.944, 0.959, 0.97, 0.979, 0.985, 0.989, 0.992, 0.994, 0.996, 0.997, 0.998, 0.999, 1);
  --ds-motion-spring-effects-default-delay: 0ms;
  --ds-motion-spring-effects-slow-duration: 330ms;
  --ds-motion-spring-effects-slow-easing: linear(0, 0.057, 0.179, 0.319, 0.453, 0.571, 0.669, 0.748, 0.811, 0.859, 0.895, 0.923, 0.944, 0.959, 0.97, 0.979, 0.985, 0.989, 0.992, 0.994, 0.996, 0.997, 0.998, 0.999, 1);
  --ds-motion-spring-effects-slow-delay: 0ms;
  --ds-motion-spring-momentum-duration: 550ms;
  --ds-motion-spring-momentum-easing: linear(0, 0.053, 0.176, 0.324, 0.474, 0.609, 0.723, 0.815, 0.884, 0.934, 0.969, 0.991, 1.005, 1.012, 1.015, 1.015, 1.014, 1.012, 1.009, 1.007, 1.005, 1.004, 1.002, 1.001, 1);
  --ds-motion-spring-momentum-delay: 0ms;
  --ds-motion-spring-rotation-duration: 550ms;
  --ds-motion-spring-rotation-easing: linear(0, 0.053, 0.176, 0.324, 0.474, 0.609, 0.723, 0.815, 0.884, 0.934, 0.969, 0.991, 1.005, 1.012, 1.015, 1.015, 1.014, 1.012, 1.009, 1.007, 1.005, 1.004, 1.002, 1.001, 1);
  --ds-motion-spring-rotation-delay: 0ms;
  --ds-motion-spring-sheet-duration: 410ms;
  --ds-motion-spring-sheet-easing: linear(0, 0.053, 0.176, 0.324, 0.474, 0.609, 0.723, 0.815, 0.884, 0.934, 0.969, 0.991, 1.005, 1.012, 1.015, 1.015, 1.014, 1.012, 1.009, 1.007, 1.005, 1.004, 1.002, 1.001, 1);
  --ds-motion-spring-sheet-delay: 0ms;
  --ds-font-family-text: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ds-font-family-display: var(--ds-font-family-text);
  --ds-font-family-mono: ui-monospace, ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --ds-font-weight-body: 400;
  --ds-font-weight-label: 400;
  --ds-font-weight-heading: 600;
  --ds-font-tracking-small: 0.02em;
  --ds-font-tracking-body: 0em;
  --ds-font-tracking-heading: -0.01em;
  --ds-font-tracking-display: -0.02em;
  --ds-font-tracking-caps-label: 0.06em;
  --ds-font-tracking-caps-display: 0.01em;
  --ds-text-body-sm-size: var(--ds-font-size-13);
  --ds-text-body-sm-line-height: 1.5385;
  --ds-text-body-sm-weight: var(--ds-font-weight-body);
  --ds-text-body-sm-tracking: 0em;
  --ds-text-body-sm-family: var(--ds-font-family-text);
  --ds-text-body-sm: var(--ds-font-weight-body) var(--ds-font-size-13)/calc(1.5385 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-body-md-size: var(--ds-font-size-16);
  --ds-text-body-md-line-height: 1.5;
  --ds-text-body-md-weight: var(--ds-font-weight-body);
  --ds-text-body-md-tracking: 0em;
  --ds-text-body-md-family: var(--ds-font-family-text);
  --ds-text-body-md: var(--ds-font-weight-body) var(--ds-font-size-16)/calc(1.5 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-body-lg-size: var(--ds-font-size-19);
  --ds-text-body-lg-line-height: 1.4737;
  --ds-text-body-lg-weight: var(--ds-font-weight-body);
  --ds-text-body-lg-tracking: 0em;
  --ds-text-body-lg-family: var(--ds-font-family-text);
  --ds-text-body-lg: var(--ds-font-weight-body) var(--ds-font-size-19)/calc(1.4737 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-label-sm-size: var(--ds-font-size-13);
  --ds-text-label-sm-line-height: 1.5385;
  --ds-text-label-sm-weight: var(--ds-font-weight-label);
  --ds-text-label-sm-tracking: 0.06em;
  --ds-text-label-sm-family: var(--ds-font-family-text);
  --ds-text-label-sm: var(--ds-font-weight-label) var(--ds-font-size-13)/calc(1.5385 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-label-md-size: var(--ds-font-size-13);
  --ds-text-label-md-line-height: 1.5385;
  --ds-text-label-md-weight: var(--ds-font-weight-label);
  --ds-text-label-md-tracking: 0em;
  --ds-text-label-md-family: var(--ds-font-family-text);
  --ds-text-label-md: var(--ds-font-weight-label) var(--ds-font-size-13)/calc(1.5385 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-label-lg-size: var(--ds-font-size-16);
  --ds-text-label-lg-line-height: 1.5;
  --ds-text-label-lg-weight: var(--ds-font-weight-label);
  --ds-text-label-lg-tracking: 0em;
  --ds-text-label-lg-family: var(--ds-font-family-text);
  --ds-text-label-lg: var(--ds-font-weight-label) var(--ds-font-size-16)/calc(1.5 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-code-sm-size: var(--ds-font-size-13);
  --ds-text-code-sm-line-height: 1.5385;
  --ds-text-code-sm-weight: var(--ds-font-weight-body);
  --ds-text-code-sm-tracking: 0em;
  --ds-text-code-sm-family: var(--ds-font-family-mono);
  --ds-text-code-sm: var(--ds-font-weight-body) var(--ds-font-size-13)/calc(1.5385 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-mono);
  --ds-text-code-md-size: var(--ds-font-size-16);
  --ds-text-code-md-line-height: 1.5;
  --ds-text-code-md-weight: var(--ds-font-weight-body);
  --ds-text-code-md-tracking: 0em;
  --ds-text-code-md-family: var(--ds-font-family-mono);
  --ds-text-code-md: var(--ds-font-weight-body) var(--ds-font-size-16)/calc(1.5 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-mono);
  --ds-text-title-sm-size: var(--ds-font-size-16);
  --ds-text-title-sm-line-height: 1.5;
  --ds-text-title-sm-weight: var(--ds-font-weight-heading);
  --ds-text-title-sm-tracking: 0em;
  --ds-text-title-sm-family: var(--ds-font-family-text);
  --ds-text-title-sm: var(--ds-font-weight-heading) var(--ds-font-size-16)/calc(1.5 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-title-md-size: var(--ds-font-size-19);
  --ds-text-title-md-line-height: 1.4737;
  --ds-text-title-md-weight: var(--ds-font-weight-heading);
  --ds-text-title-md-tracking: 0em;
  --ds-text-title-md-family: var(--ds-font-family-text);
  --ds-text-title-md: var(--ds-font-weight-heading) var(--ds-font-size-19)/calc(1.4737 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-title-lg-size: var(--ds-font-size-23);
  --ds-text-title-lg-line-height: 1.3913;
  --ds-text-title-lg-weight: var(--ds-font-weight-heading);
  --ds-text-title-lg-tracking: 0em;
  --ds-text-title-lg-family: var(--ds-font-family-text);
  --ds-text-title-lg: var(--ds-font-weight-heading) var(--ds-font-size-23)/calc(1.3913 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-headline-sm-size: var(--ds-font-size-28);
  --ds-text-headline-sm-line-height: 1.2857;
  --ds-text-headline-sm-weight: var(--ds-font-weight-heading);
  --ds-text-headline-sm-tracking: 0em;
  --ds-text-headline-sm-family: var(--ds-font-family-display);
  --ds-text-headline-sm: var(--ds-font-weight-heading) var(--ds-font-size-28)/calc(1.2857 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-display);
  --ds-text-headline-md-size: var(--ds-font-size-33);
  --ds-text-headline-md-line-height: 1.2121;
  --ds-text-headline-md-weight: var(--ds-font-weight-heading);
  --ds-text-headline-md-tracking: -0.01em;
  --ds-text-headline-md-family: var(--ds-font-family-display);
  --ds-text-headline-md: var(--ds-font-weight-heading) var(--ds-font-size-33)/calc(1.2121 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-display);
  --ds-text-headline-lg-size: var(--ds-font-size-40);
  --ds-text-headline-lg-line-height: 1.2;
  --ds-text-headline-lg-weight: var(--ds-font-weight-heading);
  --ds-text-headline-lg-tracking: -0.01em;
  --ds-text-headline-lg-family: var(--ds-font-family-display);
  --ds-text-headline-lg: var(--ds-font-weight-heading) var(--ds-font-size-40)/calc(1.2 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-display);
  --ds-text-numeric-md-size: var(--ds-font-size-16);
  --ds-text-numeric-md-line-height: 1.5;
  --ds-text-numeric-md-weight: var(--ds-font-weight-body);
  --ds-text-numeric-md-tracking: 0em;
  --ds-text-numeric-md-family: var(--ds-font-family-text);
  --ds-text-numeric-md: var(--ds-font-weight-body) var(--ds-font-size-16)/calc(1.5 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-text-numeric-lg-size: var(--ds-font-size-23);
  --ds-text-numeric-lg-line-height: 1.3913;
  --ds-text-numeric-lg-weight: var(--ds-font-weight-heading);
  --ds-text-numeric-lg-tracking: 0em;
  --ds-text-numeric-lg-family: var(--ds-font-family-text);
  --ds-text-numeric-lg: var(--ds-font-weight-heading) var(--ds-font-size-23)/calc(1.3913 * var(--ds-script-line-height-scale, 1)) var(--ds-font-family-text);
  --ds-space-target-gap: 12px;
  --ds-size-icon-sm: 16px;
  --ds-size-icon-md: 20px;
  --ds-size-icon-lg: 24px;
  --ds-size-icon-default: var(--ds-size-icon-md);
  --ds-size-target-pointer: 24px;
  --ds-size-target-touch: 44px;
  --ds-size-target-min: 44px;
  --ds-icon-stroke-sm: 1.5px;
  --ds-icon-stroke-md: 1.5px;
  --ds-icon-stroke-lg: 2px;
  --ds-layout-container-max: 1280px;
  --ds-layout-columns-compact: 4;
  --ds-layout-columns-medium: 8;
  --ds-layout-columns-expanded: 12;
  --ds-layout-gutter-compact: 16px;
  --ds-layout-gutter-expanded: 24px;
  --ds-layout-margin-compact: 16px;
  --ds-layout-margin-expanded: 24px;
  --ds-layout-measure-prose: 65ch;
  --ds-layout-measure-lead: 52ch;
  --ds-radius-detail: var(--ds-radius-4);
  --ds-radius-control: var(--ds-radius-8);
  --ds-radius-control-sm: var(--ds-radius-6);
  --ds-radius-container: var(--ds-radius-12);
  --ds-radius-overlay: var(--ds-radius-16);
  --ds-radius-person: var(--ds-radius-full);
  --ds-radius-nested: 2px;
  --ds-radius-focus: 10px;
  --ds-border-width-default: var(--ds-border-width-1);
  --ds-border-width-selected: var(--ds-border-width-2);
  --ds-border-width-emphasis: var(--ds-border-width-4);
  --ds-focus-ring-width: 2px;
  --ds-focus-ring-offset: 2px;
  --ds-elevation-raised: 0px 0px 0px 1px var(--ds-color-shadow-ring), 0px 1px 2px 0px var(--ds-color-shadow-key);
  --ds-elevation-floating: 0px 0px 0px 1px var(--ds-color-shadow-ring), 0px 1px 2px 0px var(--ds-color-shadow-key), 0px 4px 12px 0px var(--ds-color-shadow-ambient);
  --ds-elevation-overlay: 0px 0px 0px 1px var(--ds-color-shadow-ring), 0px 1px 2px 0px var(--ds-color-shadow-key), 0px 12px 32px 0px var(--ds-color-shadow-ambient);
  --ds-component-toast-duration: 4000ms;
  --ds-component-toast-gap: 14px;
  --ds-component-toast-offset-desktop: 32px;
  --ds-component-toast-offset-mobile: 16px;
  --ds-component-toast-visible: 3;
  --ds-motion-blur-crossfade: 2px;
  --ds-motion-gesture-deceleration-rate: 0.998;
  --ds-motion-gesture-direction-threshold: 10px;
  --ds-motion-gesture-dismiss-velocity: 0.11;
  --ds-motion-gesture-drag-lock-after-scroll: 100ms;
  --ds-motion-gesture-rubberband-constant: 0.55;
  --ds-motion-scale-enter: 0.95;
  --ds-motion-scale-enter-modal: 0.96;
  --ds-motion-scale-enter-tooltip: 0.97;
  --ds-motion-scale-press: 0.97;
}

:root, [data-theme="light"] {
  color-scheme: light;
  --ds-color-surface-sunken: var(--ds-color-neutral-light-2);
  --ds-color-surface-base: var(--ds-color-neutral-light-1);
  --ds-color-surface-raised: var(--ds-color-white);
  --ds-color-surface-overlay: var(--ds-color-white);
  --ds-color-surface-nav: var(--ds-color-neutral-light-1);
  --ds-color-text-primary: var(--ds-color-neutral-light-12);
  --ds-color-text-secondary: var(--ds-color-neutral-light-11);
  --ds-color-text-tertiary: var(--ds-color-text-secondary);
  --ds-color-text-disabled: var(--ds-color-neutral-light-8);
  --ds-color-text-inverse: var(--ds-color-white);
  --ds-color-text-link: var(--ds-color-accent-light-11);
  --ds-color-text-accent: var(--ds-color-accent-light-11);
  --ds-color-text-on-accent: var(--ds-color-white);
  --ds-color-text-on-action: var(--ds-color-white);
  --ds-color-text-on-brand: var(--ds-color-white);
  --ds-color-text-success: var(--ds-color-success-light-11);
  --ds-color-text-on-success: var(--ds-color-white);
  --ds-color-text-warning: var(--ds-color-warning-light-11);
  --ds-color-text-on-warning: var(--ds-color-neutral-light-12);
  --ds-color-text-danger: var(--ds-color-danger-light-11);
  --ds-color-text-on-danger: var(--ds-color-white);
  --ds-color-text-info: var(--ds-color-info-light-11);
  --ds-color-text-on-info: var(--ds-color-white);
  --ds-color-bg-neutral-subtle: var(--ds-color-neutral-light-3);
  --ds-color-bg-neutral-subtle-hover: var(--ds-color-neutral-light-4);
  --ds-color-bg-neutral-subtle-pressed: var(--ds-color-neutral-light-5);
  --ds-color-bg-accent-subtle: var(--ds-color-accent-light-3);
  --ds-color-bg-accent-subtle-hover: var(--ds-color-accent-light-4);
  --ds-color-bg-accent-subtle-pressed: var(--ds-color-accent-light-5);
  --ds-color-bg-accent-bold: var(--ds-color-accent-light-9);
  --ds-color-bg-accent-bold-hover: var(--ds-color-accent-light-10);
  --ds-color-bg-accent-bold-pressed: var(--ds-color-accent-light-solid-pressed);
  --ds-color-bg-disabled: var(--ds-color-neutral-light-3);
  --ds-color-bg-inverse: var(--ds-color-neutral-light-12);
  --ds-color-bg-field: var(--ds-color-white);
  --ds-color-bg-action-primary: var(--ds-color-accent-light-9);
  --ds-color-bg-action-primary-hover: var(--ds-color-accent-light-10);
  --ds-color-bg-action-primary-pressed: var(--ds-color-accent-light-solid-pressed);
  --ds-color-bg-brand: var(--ds-color-accent-light-9);
  --ds-color-bg-success-subtle: var(--ds-color-success-light-3);
  --ds-color-bg-success-bold: var(--ds-color-success-light-9);
  --ds-color-bg-success-bold-hover: var(--ds-color-success-light-10);
  --ds-color-bg-success-bold-pressed: var(--ds-color-success-light-solid-pressed);
  --ds-color-bg-warning-subtle: var(--ds-color-warning-light-3);
  --ds-color-bg-warning-bold: var(--ds-color-warning-light-9);
  --ds-color-bg-warning-bold-hover: var(--ds-color-warning-light-10);
  --ds-color-bg-warning-bold-pressed: var(--ds-color-warning-light-solid-pressed);
  --ds-color-bg-danger-subtle: var(--ds-color-danger-light-3);
  --ds-color-bg-danger-bold: var(--ds-color-danger-light-9);
  --ds-color-bg-danger-bold-hover: var(--ds-color-danger-light-10);
  --ds-color-bg-danger-bold-pressed: var(--ds-color-danger-light-solid-pressed);
  --ds-color-bg-info-subtle: var(--ds-color-info-light-3);
  --ds-color-bg-info-bold: var(--ds-color-info-light-9);
  --ds-color-bg-info-bold-hover: var(--ds-color-info-light-10);
  --ds-color-bg-info-bold-pressed: var(--ds-color-info-light-solid-pressed);
  --ds-color-border-subtle: var(--ds-color-neutral-light-5);
  --ds-color-border-default: var(--ds-color-neutral-light-6);
  --ds-color-border-strong: var(--ds-color-neutral-light-8);
  --ds-color-border-input: var(--ds-color-neutral-light-8);
  --ds-color-border-focus: var(--ds-color-accent-light-9);
  --ds-color-border-accent: var(--ds-color-accent-light-8);
  --ds-color-border-separator: var(--ds-color-neutral-light-3);
  --ds-color-border-success: var(--ds-color-success-light-8);
  --ds-color-border-warning: var(--ds-color-warning-light-8);
  --ds-color-border-danger: var(--ds-color-danger-light-8);
  --ds-color-border-info: var(--ds-color-info-light-8);
  --ds-color-icon-default: var(--ds-color-neutral-light-11);
  --ds-color-icon-subtle: var(--ds-color-neutral-light-10);
  --ds-color-icon-accent: var(--ds-color-accent-light-11);
  --ds-color-icon-on-accent: var(--ds-color-white);
  --ds-color-overlay-scrim: rgb(39 35 33 / 0.45);
  --ds-color-shadow-key: rgb(39 35 33 / 0.107);
  --ds-color-shadow-ambient: rgb(39 35 33 / 0.091);
  --ds-color-shadow-ring: rgb(39 35 33 / 0.1);
}

[data-theme="dark"] {
  color-scheme: dark;
  --ds-color-surface-sunken: var(--ds-color-neutral-dark-1);
  --ds-color-surface-base: var(--ds-color-neutral-dark-2);
  --ds-color-surface-raised: var(--ds-color-neutral-dark-3);
  --ds-color-surface-overlay: var(--ds-color-neutral-dark-4);
  --ds-color-surface-nav: var(--ds-color-neutral-dark-2);
  --ds-color-text-primary: var(--ds-color-neutral-dark-12);
  --ds-color-text-secondary: var(--ds-color-neutral-dark-11);
  --ds-color-text-tertiary: var(--ds-color-text-secondary);
  --ds-color-text-disabled: var(--ds-color-neutral-dark-8);
  --ds-color-text-inverse: var(--ds-color-neutral-dark-1);
  --ds-color-text-link: var(--ds-color-accent-dark-11);
  --ds-color-text-accent: var(--ds-color-accent-dark-11);
  --ds-color-text-on-accent: var(--ds-color-neutral-dark-1);
  --ds-color-text-on-action: var(--ds-color-neutral-dark-1);
  --ds-color-text-on-brand: var(--ds-color-neutral-dark-1);
  --ds-color-text-success: var(--ds-color-success-dark-11);
  --ds-color-text-on-success: var(--ds-color-neutral-dark-1);
  --ds-color-text-warning: var(--ds-color-warning-dark-11);
  --ds-color-text-on-warning: var(--ds-color-neutral-dark-1);
  --ds-color-text-danger: var(--ds-color-danger-dark-11);
  --ds-color-text-on-danger: var(--ds-color-neutral-dark-1);
  --ds-color-text-info: var(--ds-color-info-dark-11);
  --ds-color-text-on-info: var(--ds-color-neutral-dark-1);
  --ds-color-bg-neutral-subtle: var(--ds-color-neutral-dark-5);
  --ds-color-bg-neutral-subtle-hover: var(--ds-color-neutral-dark-6);
  --ds-color-bg-neutral-subtle-pressed: var(--ds-color-neutral-dark-7);
  --ds-color-bg-accent-subtle: var(--ds-color-accent-dark-3);
  --ds-color-bg-accent-subtle-hover: var(--ds-color-accent-dark-4);
  --ds-color-bg-accent-subtle-pressed: var(--ds-color-accent-dark-5);
  --ds-color-bg-accent-bold: var(--ds-color-accent-dark-9);
  --ds-color-bg-accent-bold-hover: var(--ds-color-accent-dark-10);
  --ds-color-bg-accent-bold-pressed: var(--ds-color-accent-dark-solid-pressed);
  --ds-color-bg-disabled: var(--ds-color-neutral-dark-4);
  --ds-color-bg-inverse: var(--ds-color-neutral-dark-12);
  --ds-color-bg-field: var(--ds-color-neutral-dark-3);
  --ds-color-bg-action-primary: var(--ds-color-accent-dark-9);
  --ds-color-bg-action-primary-hover: var(--ds-color-accent-dark-10);
  --ds-color-bg-action-primary-pressed: var(--ds-color-accent-dark-solid-pressed);
  --ds-color-bg-brand: var(--ds-color-accent-dark-9);
  --ds-color-bg-success-subtle: var(--ds-color-success-dark-3);
  --ds-color-bg-success-bold: var(--ds-color-success-dark-9);
  --ds-color-bg-success-bold-hover: var(--ds-color-success-dark-10);
  --ds-color-bg-success-bold-pressed: var(--ds-color-success-dark-solid-pressed);
  --ds-color-bg-warning-subtle: var(--ds-color-warning-dark-3);
  --ds-color-bg-warning-bold: var(--ds-color-warning-dark-9);
  --ds-color-bg-warning-bold-hover: var(--ds-color-warning-dark-10);
  --ds-color-bg-warning-bold-pressed: var(--ds-color-warning-dark-solid-pressed);
  --ds-color-bg-danger-subtle: var(--ds-color-danger-dark-3);
  --ds-color-bg-danger-bold: var(--ds-color-danger-dark-9);
  --ds-color-bg-danger-bold-hover: var(--ds-color-danger-dark-10);
  --ds-color-bg-danger-bold-pressed: var(--ds-color-danger-dark-solid-pressed);
  --ds-color-bg-info-subtle: var(--ds-color-info-dark-3);
  --ds-color-bg-info-bold: var(--ds-color-info-dark-9);
  --ds-color-bg-info-bold-hover: var(--ds-color-info-dark-10);
  --ds-color-bg-info-bold-pressed: var(--ds-color-info-dark-solid-pressed);
  --ds-color-border-subtle: var(--ds-color-neutral-dark-5);
  --ds-color-border-default: var(--ds-color-neutral-dark-6);
  --ds-color-border-strong: var(--ds-color-neutral-dark-8);
  --ds-color-border-input: var(--ds-color-neutral-dark-8);
  --ds-color-border-focus: var(--ds-color-accent-dark-11);
  --ds-color-border-accent: var(--ds-color-accent-dark-8);
  --ds-color-border-separator: var(--ds-color-neutral-dark-4);
  --ds-color-border-success: var(--ds-color-success-dark-8);
  --ds-color-border-warning: var(--ds-color-warning-dark-8);
  --ds-color-border-danger: var(--ds-color-danger-dark-8);
  --ds-color-border-info: var(--ds-color-info-dark-8);
  --ds-color-icon-default: var(--ds-color-neutral-dark-11);
  --ds-color-icon-subtle: var(--ds-color-neutral-dark-10);
  --ds-color-icon-accent: var(--ds-color-accent-dark-11);
  --ds-color-icon-on-accent: var(--ds-color-neutral-dark-1);
  --ds-color-overlay-scrim: rgb(0 0 0 / 0.6);
  --ds-color-shadow-key: rgb(0 0 0 / 0.214);
  --ds-color-shadow-ambient: rgb(0 0 0 / 0.182);
  --ds-color-shadow-ring: rgb(237 232 228 / 0.12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ds-color-surface-sunken: var(--ds-color-neutral-dark-1);
    --ds-color-surface-base: var(--ds-color-neutral-dark-2);
    --ds-color-surface-raised: var(--ds-color-neutral-dark-3);
    --ds-color-surface-overlay: var(--ds-color-neutral-dark-4);
    --ds-color-surface-nav: var(--ds-color-neutral-dark-2);
    --ds-color-text-primary: var(--ds-color-neutral-dark-12);
    --ds-color-text-secondary: var(--ds-color-neutral-dark-11);
    --ds-color-text-tertiary: var(--ds-color-text-secondary);
    --ds-color-text-disabled: var(--ds-color-neutral-dark-8);
    --ds-color-text-inverse: var(--ds-color-neutral-dark-1);
    --ds-color-text-link: var(--ds-color-accent-dark-11);
    --ds-color-text-accent: var(--ds-color-accent-dark-11);
    --ds-color-text-on-accent: var(--ds-color-neutral-dark-1);
    --ds-color-text-on-action: var(--ds-color-neutral-dark-1);
    --ds-color-text-on-brand: var(--ds-color-neutral-dark-1);
    --ds-color-text-success: var(--ds-color-success-dark-11);
    --ds-color-text-on-success: var(--ds-color-neutral-dark-1);
    --ds-color-text-warning: var(--ds-color-warning-dark-11);
    --ds-color-text-on-warning: var(--ds-color-neutral-dark-1);
    --ds-color-text-danger: var(--ds-color-danger-dark-11);
    --ds-color-text-on-danger: var(--ds-color-neutral-dark-1);
    --ds-color-text-info: var(--ds-color-info-dark-11);
    --ds-color-text-on-info: var(--ds-color-neutral-dark-1);
    --ds-color-bg-neutral-subtle: var(--ds-color-neutral-dark-5);
    --ds-color-bg-neutral-subtle-hover: var(--ds-color-neutral-dark-6);
    --ds-color-bg-neutral-subtle-pressed: var(--ds-color-neutral-dark-7);
    --ds-color-bg-accent-subtle: var(--ds-color-accent-dark-3);
    --ds-color-bg-accent-subtle-hover: var(--ds-color-accent-dark-4);
    --ds-color-bg-accent-subtle-pressed: var(--ds-color-accent-dark-5);
    --ds-color-bg-accent-bold: var(--ds-color-accent-dark-9);
    --ds-color-bg-accent-bold-hover: var(--ds-color-accent-dark-10);
    --ds-color-bg-accent-bold-pressed: var(--ds-color-accent-dark-solid-pressed);
    --ds-color-bg-disabled: var(--ds-color-neutral-dark-4);
    --ds-color-bg-inverse: var(--ds-color-neutral-dark-12);
    --ds-color-bg-field: var(--ds-color-neutral-dark-3);
    --ds-color-bg-action-primary: var(--ds-color-accent-dark-9);
    --ds-color-bg-action-primary-hover: var(--ds-color-accent-dark-10);
    --ds-color-bg-action-primary-pressed: var(--ds-color-accent-dark-solid-pressed);
    --ds-color-bg-brand: var(--ds-color-accent-dark-9);
    --ds-color-bg-success-subtle: var(--ds-color-success-dark-3);
    --ds-color-bg-success-bold: var(--ds-color-success-dark-9);
    --ds-color-bg-success-bold-hover: var(--ds-color-success-dark-10);
    --ds-color-bg-success-bold-pressed: var(--ds-color-success-dark-solid-pressed);
    --ds-color-bg-warning-subtle: var(--ds-color-warning-dark-3);
    --ds-color-bg-warning-bold: var(--ds-color-warning-dark-9);
    --ds-color-bg-warning-bold-hover: var(--ds-color-warning-dark-10);
    --ds-color-bg-warning-bold-pressed: var(--ds-color-warning-dark-solid-pressed);
    --ds-color-bg-danger-subtle: var(--ds-color-danger-dark-3);
    --ds-color-bg-danger-bold: var(--ds-color-danger-dark-9);
    --ds-color-bg-danger-bold-hover: var(--ds-color-danger-dark-10);
    --ds-color-bg-danger-bold-pressed: var(--ds-color-danger-dark-solid-pressed);
    --ds-color-bg-info-subtle: var(--ds-color-info-dark-3);
    --ds-color-bg-info-bold: var(--ds-color-info-dark-9);
    --ds-color-bg-info-bold-hover: var(--ds-color-info-dark-10);
    --ds-color-bg-info-bold-pressed: var(--ds-color-info-dark-solid-pressed);
    --ds-color-border-subtle: var(--ds-color-neutral-dark-5);
    --ds-color-border-default: var(--ds-color-neutral-dark-6);
    --ds-color-border-strong: var(--ds-color-neutral-dark-8);
    --ds-color-border-input: var(--ds-color-neutral-dark-8);
    --ds-color-border-focus: var(--ds-color-accent-dark-11);
    --ds-color-border-accent: var(--ds-color-accent-dark-8);
    --ds-color-border-separator: var(--ds-color-neutral-dark-4);
    --ds-color-border-success: var(--ds-color-success-dark-8);
    --ds-color-border-warning: var(--ds-color-warning-dark-8);
    --ds-color-border-danger: var(--ds-color-danger-dark-8);
    --ds-color-border-info: var(--ds-color-info-dark-8);
    --ds-color-icon-default: var(--ds-color-neutral-dark-11);
    --ds-color-icon-subtle: var(--ds-color-neutral-dark-10);
    --ds-color-icon-accent: var(--ds-color-accent-dark-11);
    --ds-color-icon-on-accent: var(--ds-color-neutral-dark-1);
    --ds-color-overlay-scrim: rgb(0 0 0 / 0.6);
    --ds-color-shadow-key: rgb(0 0 0 / 0.214);
    --ds-color-shadow-ambient: rgb(0 0 0 / 0.182);
    --ds-color-shadow-ring: rgb(237 232 228 / 0.12);
  }
}

[data-density="spacious"] {
  --ds-space-inset-xs: var(--ds-space-6);
  --ds-space-inset-sm: var(--ds-space-12);
  --ds-space-inset-md: var(--ds-space-16);
  --ds-space-inset-lg: var(--ds-space-20);
  --ds-space-inset-xl: var(--ds-space-32);
  --ds-space-stack-xs: var(--ds-space-6);
  --ds-space-stack-sm: var(--ds-space-12);
  --ds-space-stack-md: var(--ds-space-16);
  --ds-space-stack-lg: var(--ds-space-20);
  --ds-space-stack-xl: var(--ds-space-32);
  --ds-space-inline-xs: var(--ds-space-6);
  --ds-space-inline-sm: var(--ds-space-12);
  --ds-space-inline-md: var(--ds-space-16);
  --ds-space-section-sm: var(--ds-space-64);
  --ds-space-section-md: var(--ds-space-80);
  --ds-space-section-lg: var(--ds-space-96);
  --ds-size-control-sm: 40px;
  --ds-size-control-md: 48px;
  --ds-size-control-lg: 56px;
  --ds-size-row-sm: 52px;
  --ds-size-row-md: 56px;
  --ds-size-row-lg: 64px;
  --ds-size-row-two-line: 80px;
}

:root, [data-density="comfortable"] {
  --ds-space-inset-xs: var(--ds-space-4);
  --ds-space-inset-sm: var(--ds-space-8);
  --ds-space-inset-md: var(--ds-space-12);
  --ds-space-inset-lg: var(--ds-space-16);
  --ds-space-inset-xl: var(--ds-space-24);
  --ds-space-stack-xs: var(--ds-space-4);
  --ds-space-stack-sm: var(--ds-space-8);
  --ds-space-stack-md: var(--ds-space-12);
  --ds-space-stack-lg: var(--ds-space-16);
  --ds-space-stack-xl: var(--ds-space-24);
  --ds-space-inline-xs: var(--ds-space-4);
  --ds-space-inline-sm: var(--ds-space-8);
  --ds-space-inline-md: var(--ds-space-12);
  --ds-space-section-sm: var(--ds-space-32);
  --ds-space-section-md: var(--ds-space-40);
  --ds-space-section-lg: var(--ds-space-64);
  --ds-size-control-sm: 32px;
  --ds-size-control-md: 40px;
  --ds-size-control-lg: 48px;
  --ds-size-row-sm: 44px;
  --ds-size-row-md: 48px;
  --ds-size-row-lg: 56px;
  --ds-size-row-two-line: 72px;
}

[data-density="compact"] {
  --ds-space-inset-xs: var(--ds-space-2);
  --ds-space-inset-sm: var(--ds-space-6);
  --ds-space-inset-md: var(--ds-space-8);
  --ds-space-inset-lg: var(--ds-space-12);
  --ds-space-inset-xl: var(--ds-space-20);
  --ds-space-stack-xs: var(--ds-space-2);
  --ds-space-stack-sm: var(--ds-space-6);
  --ds-space-stack-md: var(--ds-space-8);
  --ds-space-stack-lg: var(--ds-space-12);
  --ds-space-stack-xl: var(--ds-space-20);
  --ds-space-inline-xs: var(--ds-space-2);
  --ds-space-inline-sm: var(--ds-space-6);
  --ds-space-inline-md: var(--ds-space-8);
  --ds-space-section-sm: var(--ds-space-16);
  --ds-space-section-md: var(--ds-space-24);
  --ds-space-section-lg: var(--ds-space-40);
  --ds-size-control-sm: 24px;
  --ds-size-control-md: 32px;
  --ds-size-control-lg: 40px;
  --ds-size-row-sm: 36px;
  --ds-size-row-md: 40px;
  --ds-size-row-lg: 48px;
  --ds-size-row-two-line: 64px;
}

:root, [data-motion="standard"] {
  --ds-motion-transition-feedback-duration: 100ms;
  --ds-motion-transition-feedback-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ds-motion-transition-feedback-delay: 0ms;
  --ds-motion-transition-enter-duration: 200ms;
  --ds-motion-transition-enter-easing: cubic-bezier(0.23, 1, 0.32, 1);
  --ds-motion-transition-enter-delay: 0ms;
  --ds-motion-transition-exit-duration: 160ms;
  --ds-motion-transition-exit-easing: cubic-bezier(0.23, 1, 0.32, 1);
  --ds-motion-transition-exit-delay: 0ms;
  --ds-motion-transition-move-duration: 590ms;
  --ds-motion-transition-move-easing: linear(0, 0.057, 0.179, 0.319, 0.453, 0.571, 0.669, 0.748, 0.811, 0.859, 0.895, 0.923, 0.944, 0.959, 0.97, 0.979, 0.985, 0.989, 0.992, 0.994, 0.996, 0.997, 0.998, 0.999, 1);
  --ds-motion-transition-move-delay: 0ms;
  --ds-motion-transition-expand-duration: 250ms;
  --ds-motion-transition-expand-easing: cubic-bezier(0.23, 1, 0.32, 1);
  --ds-motion-transition-expand-delay: 0ms;
}

[data-motion="reduced"] {
  --ds-motion-transition-feedback-duration: 100ms;
  --ds-motion-transition-feedback-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ds-motion-transition-feedback-delay: 0ms;
  --ds-motion-transition-enter-duration: 200ms;
  --ds-motion-transition-enter-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ds-motion-transition-enter-delay: 0ms;
  --ds-motion-transition-exit-duration: 200ms;
  --ds-motion-transition-exit-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ds-motion-transition-exit-delay: 0ms;
  --ds-motion-transition-move-duration: 0ms;
  --ds-motion-transition-move-easing: cubic-bezier(0.77, 0, 0.175, 1);
  --ds-motion-transition-move-delay: 0ms;
  --ds-motion-transition-expand-duration: 200ms;
  --ds-motion-transition-expand-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ds-motion-transition-expand-delay: 0ms;
}

@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion="standard"]) {
    --ds-motion-transition-feedback-duration: 100ms;
    --ds-motion-transition-feedback-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ds-motion-transition-feedback-delay: 0ms;
    --ds-motion-transition-enter-duration: 200ms;
    --ds-motion-transition-enter-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ds-motion-transition-enter-delay: 0ms;
    --ds-motion-transition-exit-duration: 200ms;
    --ds-motion-transition-exit-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ds-motion-transition-exit-delay: 0ms;
    --ds-motion-transition-move-duration: 0ms;
    --ds-motion-transition-move-easing: cubic-bezier(0.77, 0, 0.175, 1);
    --ds-motion-transition-move-delay: 0ms;
    --ds-motion-transition-expand-duration: 200ms;
    --ds-motion-transition-expand-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ds-motion-transition-expand-delay: 0ms;
  }
}

/* Hit-area floor per input (L14 I-1, DC-L03-12): pointer 24px (WCAG 2.5.8), touch 44/48. */
@media (pointer: fine) {
  :root { --ds-size-target-min: 24px; }
}
@media (pointer: coarse) {
  :root { --ds-size-target-min: 44px; }
}

@media (color-gamut: p3) {
  :root {
    --ds-color-info-light-9: color(display-p3 0.1561 0.4793 0.7284);
    --ds-color-info-light-10: color(display-p3 0.1246 0.4315 0.6641);
    --ds-color-info-light-11: color(display-p3 0.0852 0.3562 0.5579);
  }
}

/* Text style classes (one per typography token). */
.ds-text-body-sm { font: var(--ds-text-body-sm); letter-spacing: var(--ds-text-body-sm-tracking); }
.ds-text-body-md { font: var(--ds-text-body-md); letter-spacing: var(--ds-text-body-md-tracking); }
.ds-text-body-lg { font: var(--ds-text-body-lg); letter-spacing: var(--ds-text-body-lg-tracking); }
.ds-text-label-sm { font: var(--ds-text-label-sm); letter-spacing: var(--ds-text-label-sm-tracking); text-transform: uppercase; }
.ds-text-label-md { font: var(--ds-text-label-md); letter-spacing: var(--ds-text-label-md-tracking); }
.ds-text-label-lg { font: var(--ds-text-label-lg); letter-spacing: var(--ds-text-label-lg-tracking); }
.ds-text-code-sm { font: var(--ds-text-code-sm); letter-spacing: var(--ds-text-code-sm-tracking); }
.ds-text-code-md { font: var(--ds-text-code-md); letter-spacing: var(--ds-text-code-md-tracking); }
.ds-text-title-sm { font: var(--ds-text-title-sm); letter-spacing: var(--ds-text-title-sm-tracking); }
.ds-text-title-md { font: var(--ds-text-title-md); letter-spacing: var(--ds-text-title-md-tracking); }
.ds-text-title-lg { font: var(--ds-text-title-lg); letter-spacing: var(--ds-text-title-lg-tracking); }
.ds-text-headline-sm { font: var(--ds-text-headline-sm); letter-spacing: var(--ds-text-headline-sm-tracking); }
.ds-text-headline-md { font: var(--ds-text-headline-md); letter-spacing: var(--ds-text-headline-md-tracking); }
.ds-text-headline-lg { font: var(--ds-text-headline-lg); letter-spacing: var(--ds-text-headline-lg-tracking); }
.ds-text-numeric-md { font: var(--ds-text-numeric-md); letter-spacing: var(--ds-text-numeric-md-tracking); font-variant-numeric: tabular-nums; }
.ds-text-numeric-lg { font: var(--ds-text-numeric-lg); letter-spacing: var(--ds-text-numeric-lg-tracking); font-variant-numeric: tabular-nums; }

.ds-focus-ring:focus-visible {
  outline: var(--ds-focus-ring-width) solid var(--ds-color-border-focus);
  outline-offset: var(--ds-focus-ring-offset);
}
@media (forced-colors: active) {
  .ds-focus-ring:focus-visible { outline-color: Highlight; }
}