/* GENERATED FILE - DO NOT EDIT DIRECTLY */
/* SOURCE: design-system/tokens/ (DTCG 2025.10 Resolver) */

@layer ds.reset, ds.tokens, ds.base, ds.components, ds.patterns, ds.utilities, ds.overrides;

@layer ds.tokens {
  :root {
    color-scheme: light dark;

    --ds-color-neutral-0: oklch(100% 0 0);
    --ds-color-neutral-100: oklch(96.5% 0.004 260);
    --ds-color-neutral-200: oklch(92.5% 0.005 260);
    --ds-color-neutral-300: oklch(87% 0.006 260);
    --ds-color-neutral-400: oklch(71% 0.008 260);
    --ds-color-neutral-50: oklch(98.5% 0.002 260);
    --ds-color-neutral-500: oklch(56% 0.008 260);
    --ds-color-neutral-600: oklch(45% 0.008 260);
    --ds-color-neutral-700: oklch(37% 0.008 260);
    --ds-color-neutral-800: oklch(24% 0.008 260);
    --ds-color-neutral-900: oklch(14% 0.004 260);
    --ds-color-neutral-950: oklch(10.5% 0.005 260);

    --ds-color-brand-400: rgb(225, 244, 53);
    --ds-color-brand-500: rgb(104, 114, 13);
    --ds-color-brand-600: rgb(86, 96, 8);
    --ds-color-brand-700: rgb(62, 69, 6);

    --ds-color-green-400: oklch(73.3% 0.15 161.5);
    --ds-color-green-500: oklch(50.6% 0.142 152.4);
    --ds-color-green-550: oklch(45.6% 0.131 154.1);
    --ds-color-red-400: oklch(72.9% 0.169 34.1);
    --ds-color-red-500: oklch(54.8% 0.176 32.7);
    --ds-color-red-550: oklch(65.8% 0.173 31.4);
    --ds-color-blue-400: oklch(75.9% 0.124 258.4);
    --ds-color-blue-500: oklch(56.3% 0.241 260.8);
    --ds-color-accent-code: oklch(95.8% 0.012 91.5);
    --ds-color-accent-onColorDark: oklch(15.9% 0.004 84.6);
    --ds-color-accent-onColorLight: oklch(100% 0 89.9);
    --ds-color-accent-soft: oklch(88.1% 0.032 65.9);

    --ds-font-family-serif: "Instrument Serif", Georgia, serif;
    --ds-font-family-sans: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ds-font-family-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;
    --ds-font-family-heading: 'Bricolage Grotesque', sans-serif;
    --ds-font-family-body: 'Inter', sans-serif;

    --ds-font-size-2xl: clamp(1.3125rem, 1.20rem + 0.55vw, 1.5rem);
    --ds-font-size-3xl: clamp(1.75rem, 1.52rem + 1.10vw, 2.25rem);
    --ds-font-size-4xl: clamp(2.5rem, 2.10rem + 1.95vw, 3.5rem);
    --ds-font-size-5xl: clamp(3.5rem, 3.00rem + 2.40vw, 4.75rem);
    --ds-font-size-lg: clamp(1rem, 0.96rem + 0.24vw, 1.08rem);
    --ds-font-size-md: clamp(0.875rem, 0.84rem + 0.22vw, 0.95rem);
    --ds-font-size-sm: clamp(0.6875rem, 0.66rem + 0.14vw, 0.75rem);
    --ds-font-size-xl: clamp(1.125rem, 1.07rem + 0.30vw, 1.25rem);
    --ds-font-size-xs: clamp(0.625rem, 0.60rem + 0.12vw, 0.6875rem);
    --ds-font-size-f10: clamp(10px, 10px, 10px);
    --ds-font-size-f105: clamp(10.5px, 10.5px, 10.5px);
    --ds-font-size-f11: clamp(11px, 11px, 11px);
    --ds-font-size-f115: clamp(11.5px, 11.5px, 11.5px);
    --ds-font-size-f12: clamp(12px, 12px, 12px);
    --ds-font-size-f125: clamp(12.5px, 12.5px, 12.5px);
    --ds-font-size-f13: clamp(13px, 13px, 13px);
    --ds-font-size-f135: clamp(13.5px, 13.5px, 13.5px);
    --ds-font-size-f14: clamp(14px, 14px, 14px);
    --ds-font-size-f145: clamp(14.5px, 14.5px, 14.5px);
    --ds-font-size-f15: clamp(15px, 15px, 15px);
    --ds-font-size-f155: clamp(15.5px, 15.5px, 15.5px);
    --ds-font-size-f16: clamp(16px, 16px, 16px);
    --ds-font-size-f165: clamp(16.5px, 16.5px, 16.5px);
    --ds-font-size-f17: clamp(17px, 17px, 17px);
    --ds-font-size-f175: clamp(17.5px, 17.5px, 17.5px);
    --ds-font-size-f18: clamp(18px, 18px, 18px);
    --ds-font-size-f19: clamp(19px, 19px, 19px);
    --ds-font-size-f20: clamp(20px, 20px, 20px);
    --ds-font-size-f21: clamp(21px, 21px, 21px);
    --ds-font-size-f22: clamp(22px, 22px, 22px);
    --ds-font-size-f23: clamp(23px, 23px, 23px);
    --ds-font-size-f30: clamp(30px, 30px, 30px);
    --ds-font-size-f9: clamp(9px, 9px, 9px);
    --ds-font-size-f95: clamp(9.5px, 9.5px, 9.5px);

    --ds-line-height-body: 1.55;
    --ds-line-height-heading: 1.08;
    --ds-line-height-loose: 1.65;
    --ds-line-height-tight: 1.04;

    --ds-font-weight-bold: 700;
    --ds-font-weight-medium: 500;
    --ds-font-weight-regular: 400;
    --ds-font-weight-semibold: 600;

    --ds-font-tracking-normal: 0em;
    --ds-font-tracking-tight: -0.02em;
    --ds-font-tracking-wide: 0.04em;

    --ds-space-0: 0px;
    --ds-space-1: 4px;
    --ds-space-10: 40px;
    --ds-space-12: 12px;
    --ds-space-16: 16px;
    --ds-space-2: 2px;
    --ds-space-20: 80px;
    --ds-space-24: 24px;
    --ds-space-3: 12px;
    --ds-space-30: 120px;
    --ds-space-32: 32px;
    --ds-space-4: 4px;
    --ds-space-48: 48px;
    --ds-space-5: 20px;
    --ds-space-6: 24px;
    --ds-space-64: 64px;
    --ds-space-8: 8px;
    --ds-space-96: 96px;
    --ds-space-x10: 10px;
    --ds-space-x104: 104px;
    --ds-space-x11: 11px;
    --ds-space-x128: 128px;
    --ds-space-x14: 14px;
    --ds-space-x140: 140px;
    --ds-space-x144: 144px;
    --ds-space-x15: 15px;
    --ds-space-x160: 160px;
    --ds-space-x18: 18px;
    --ds-space-x180: 180px;
    --ds-space-x2: 2px;
    --ds-space-x200: 200px;
    --ds-space-x22: 22px;
    --ds-space-x26: 26px;
    --ds-space-x28: 28px;
    --ds-space-x3: 3px;
    --ds-space-x30: 30px;
    --ds-space-x36: 36px;
    --ds-space-x40: 40px;
    --ds-space-x44: 44px;
    --ds-space-x5: 5px;
    --ds-space-x52: 52px;
    --ds-space-x56: 56px;
    --ds-space-x6: 6px;
    --ds-space-x7: 7px;
    --ds-space-x72: 72px;
    --ds-space-x88: 88px;
    --ds-space-x9: 9px;

    --ds-radius-2xl: 32px;
    --ds-radius-full: 999px;
    --ds-radius-lg: 18px;
    --ds-radius-md: 12px;
    --ds-radius-none: 0px;
    --ds-radius-sm: 8px;
    --ds-radius-xl: 24px;
    --ds-radius-xs: 4px;

    --ds-motion-duration-arrive: 800ms;
    --ds-motion-duration-base: 200ms;
    --ds-motion-duration-fast: 140ms;
    --ds-motion-duration-glide: 700ms;
    --ds-motion-duration-intent: 100ms;
    --ds-motion-duration-leisure: 450ms;
    --ds-motion-duration-micro: 60ms;
    --ds-motion-duration-overlay: 1000ms;
    --ds-motion-duration-page: 900ms;
    --ds-motion-duration-quick: 160ms;
    --ds-motion-duration-reveal: 500ms;
    --ds-motion-duration-scene: 600ms;
    --ds-motion-duration-settle: 340ms;
    --ds-motion-duration-slow: 300ms;
    --ds-motion-duration-toast: 280ms;
    --ds-motion-duration-toggle: 260ms;
    --ds-motion-duration-track: 240ms;
    --ds-motion-duration-view: 400ms;
    --ds-motion-duration-normal: var(--ds-motion-duration-base);

    --ds-motion-easing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ds-motion-easing-curtain: cubic-bezier(0.77, 0, 0.175, 1);
    --ds-motion-easing-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ds-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --ds-motion-easing-standard: var(--ds-motion-easing-expo);

    --ds-shadow-lg: 0 8px 24px rgba(20, 18, 16, 0.12);
    --ds-shadow-md: 0 4px 12px rgba(20, 18, 16, 0.08);
    --ds-shadow-none: none;
    --ds-shadow-sm: 0 2px 4px rgba(20, 18, 16, 0.06);
    --ds-shadow-xs: 0 1px 2px rgba(20, 18, 16, 0.04);
  }

  /* Semantic Layout & Geometry Tokens */
  :root {
    --ds-layout-rail-start: 208px;
    --ds-layout-shell-gap: 24px;
    --ds-layout-main-track: 680px;
    --ds-layout-main-track-min: 620px;
    --ds-layout-rail-end: 232px;
    --ds-layout-reading-max: 37.5rem;
    --ds-layout-section-gap: 64px;
    --ds-layout-shell-max: calc(var(--ds-layout-rail-start) + var(--ds-layout-shell-gap) + var(--ds-layout-main-track) + var(--ds-layout-shell-gap) + var(--ds-layout-rail-end));
    --ds-layout-page-margin-inline: 16px;

    --ds-work-row-date: 84px;
    --ds-work-row-meta: 140px;
  }

  @media (min-width: 600px) {
    :root {
    --ds-layout-page-margin-inline: 24px;
    }
  }

  @media (min-width: 1240px) {
    :root {
    --ds-layout-page-margin-inline: 32px;
    }
  }

  /* Semantic Spacing & Radius Aliases */
  :root {
    --ds-semantic-space-none: 0px;
    --ds-semantic-space-micro: 2px;
    --ds-semantic-space-inline-tight: 4px;
    --ds-semantic-space-inline-default: 8px;
    --ds-semantic-space-component-tight: 12px;
    --ds-semantic-space-component-default: 16px;
    --ds-semantic-space-group: 32px;
    --ds-semantic-space-section: 48px;
    --ds-semantic-space-page-top: 64px;
    --ds-semantic-space-page-bottom: 96px;
    --ds-semantic-radius-none: 0px;
    --ds-semantic-radius-control: 8px;
    --ds-semantic-radius-container: 12px;
    --ds-semantic-radius-pill: 999px;
  }

  /* Semantic Color Tokens (DTCG light-dark resolver) */
  :root {
    --ds-semantic-color-background-page: light-dark(oklch(100% 0 0), oklch(10.5% 0.005 260));
    --ds-semantic-color-background-raised: light-dark(oklch(98.5% 0.002 260), oklch(14% 0.004 260));
    --ds-semantic-color-background-sunken: light-dark(oklch(96.5% 0.004 260), oklch(10.5% 0.005 260));
    --ds-semantic-color-background-overlay: light-dark(rgba(250, 248, 243, 0.72), rgba(14, 13, 11, 0.72));
    --ds-semantic-color-surface-code: light-dark(oklch(95.8% 0.012 91.5), oklch(14% 0.004 260));

    --ds-semantic-color-text-primary: light-dark(oklch(14% 0.004 260), oklch(98.5% 0.002 260));
    --ds-semantic-color-text-secondary: light-dark(oklch(37% 0.008 260), oklch(92.5% 0.005 260));
    --ds-semantic-color-text-muted: light-dark(oklch(45% 0.008 260), oklch(87% 0.006 260));
    --ds-semantic-color-text-subtle: light-dark(oklch(71% 0.008 260), oklch(56% 0.008 260));

    --ds-semantic-color-action-primary: light-dark(rgb(104, 114, 13), rgb(225, 244, 53));
    --ds-semantic-color-action-soft: light-dark(rgba(225, 244, 53, 0.24), rgba(225, 244, 53, 0.14));
    --ds-semantic-color-action-glow: light-dark(rgba(225, 244, 53, 0.12), rgba(225, 244, 53, 0.1));

    --ds-semantic-color-border-base: light-dark(rgba(20, 18, 16, 0.08), rgba(244, 239, 228, 0.08));
    --ds-semantic-color-border-strong: light-dark(rgba(20, 18, 16, 0.18), rgba(244, 239, 228, 0.16));
    --ds-semantic-color-focus-ring: light-dark(rgb(104, 114, 13), rgb(225, 244, 53));

    --ds-semantic-color-status-success: light-dark(oklch(50.6% 0.142 152.4), oklch(73.3% 0.15 161.5));
    --ds-semantic-color-status-success-strong: light-dark(oklch(45.6% 0.131 154.1), oklch(73.3% 0.15 161.5));
    --ds-semantic-color-status-danger: light-dark(oklch(54.8% 0.176 32.7), oklch(72.9% 0.169 34.1));
    --ds-semantic-color-status-danger-strong: light-dark(oklch(54.8% 0.176 32.7), oklch(65.8% 0.173 31.4));
    --ds-semantic-color-status-info: light-dark(oklch(56.3% 0.241 260.8), oklch(75.9% 0.124 258.4));
    --ds-semantic-color-status-on-color: light-dark(oklch(100% 0 89.9), oklch(15.9% 0.004 84.6));
  }

  :root[data-theme="light"] { color-scheme: light; }
  :root[data-theme="dark"]  { color-scheme: dark; }

  /* Component Tokens */
  :root {
    --ds-component-nav-height: 68px;
    --ds-component-nav-height-compact: 60px;
    --ds-component-nav-background: var(--ds-semantic-color-background-overlay);
    --ds-component-button-radius: var(--ds-shape-control);
    --ds-component-button-background: var(--ds-semantic-color-background-raised);
    --ds-component-button-foreground: var(--ds-semantic-color-text-primary);
    --ds-component-card-radius: var(--ds-shape-container);
    --ds-component-card-surface: var(--ds-semantic-color-background-raised);
    --ds-component-loader-duration: var(--ds-motion-duration-overlay);
    --ds-component-loader-easing: var(--ds-motion-easing-curtain);
    --ds-component-focus-ring: 0 0 0 2px var(--ds-semantic-color-focus-ring);
    --ds-component-badge-radius: var(--ds-shape-chip);
    --ds-component-badge-background: var(--ds-semantic-color-action-soft);
    --ds-component-badge-foreground: var(--ds-semantic-color-text-primary);
    --ds-component-badge-border: var(--ds-semantic-color-border-base);
    --ds-component-tag-radius: var(--ds-shape-chip);
    --ds-component-tag-background: var(--ds-semantic-color-background-raised);
    --ds-component-tag-foreground: var(--ds-semantic-color-text-secondary);
    --ds-component-tag-border: var(--ds-semantic-color-border-base);
    --ds-component-alert-radius: var(--ds-shape-container);
    --ds-component-alert-background: var(--ds-semantic-color-background-raised);
    --ds-component-alert-foreground: var(--ds-semantic-color-text-primary);
    --ds-component-alert-border: var(--ds-semantic-color-border-base);
    --ds-component-menu-width: 352px;
    --ds-component-menu-padding: 8px;
    --ds-component-menu-item-height: 44px;
    --ds-component-menu-avatar-size: 44px;
    --ds-component-menu-icon-column: 20px;
    --ds-component-menu-radius: var(--ds-shape-container);
    --ds-component-menu-item-radius: var(--ds-shape-control);
    --ds-component-menu-surface: var(--ds-semantic-color-background-raised);
    --ds-component-menu-item-surface: var(--ds-semantic-color-background-sunken);
    --ds-component-menu-shadow: 0 0 0 1px var(--ds-semantic-color-border-base), var(--ds-shadow-lg);
    --ds-layout-content-max-width: 1200px;
  }

  /* Runtime theme axes defaults (legacy compatibility) — source: families.json */
  :root {
    --ds-shape-control: 6px;
    --ds-shape-chip: 9999px;
    --ds-shape-container: 12px;
    --ds-shape-focus-ring-radius: calc(var(--ds-shape-control) + var(--ds-space-x2));

    --ds-control-height: 36px;
    --ds-control-font-size: clamp(14px, 14px, 14px);
    --ds-control-icon-size: 16px;
    --ds-icon-size: 20px;
    --ds-control-gap: 8px;
    --ds-control-padding-x: 12px;
  }

  :root[data-radius="sharp"] {
    --ds-shape-control: 2px;
    --ds-shape-chip: 4px;
    --ds-shape-container: 4px;
  }
  :root[data-radius="soft"] {
    --ds-shape-control: 6px;
    --ds-shape-chip: 9999px;
    --ds-shape-container: 12px;
  }
  :root[data-radius="rounded"] {
    --ds-shape-control: 12px;
    --ds-shape-chip: 9999px;
    --ds-shape-container: 18px;
  }
  :root[data-radius="pill"] {
    --ds-shape-control: 9999px;
    --ds-shape-chip: 9999px;
    --ds-shape-container: 24px;
  }

  :root[data-font="geist"] {
    --ds-font-family-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ds-font-family-serif: "Instrument Serif", Georgia, serif;
    --ds-font-family-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;
  }
  :root[data-font="inter"] {
    --ds-font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ds-font-family-serif: "Instrument Serif", Georgia, serif;
    --ds-font-family-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;
  }
  :root[data-font="system"] {
    --ds-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --ds-font-family-serif: Georgia, "Times New Roman", serif;
    --ds-font-family-mono: ui-monospace, "SF Mono", Menlo, monospace;
  }

  :root[data-size="compact"] {
    --ds-control-height: 32px;
    --ds-control-font-size: clamp(13px, 13px, 13px);
    --ds-control-icon-size: 14px;
    --ds-icon-size: 18px;
    --ds-control-gap: 6px;
    --ds-control-padding-x: 10px;

    --ds-font-size-sm: clamp(0.625rem, 0.60rem + 0.12vw, 0.6875rem);
    --ds-font-size-md: clamp(0.6875rem, 0.66rem + 0.14vw, 0.75rem);
    --ds-font-size-lg: clamp(0.875rem, 0.84rem + 0.22vw, 0.95rem);
    --ds-font-size-xl: clamp(1rem, 0.96rem + 0.24vw, 1.08rem);
    --ds-font-size-2xl: clamp(1.125rem, 1.07rem + 0.30vw, 1.25rem);
    --ds-font-size-3xl: clamp(1.3125rem, 1.20rem + 0.55vw, 1.5rem);
    --ds-font-size-4xl: clamp(1.75rem, 1.52rem + 1.10vw, 2.25rem);
    --ds-font-size-5xl: clamp(2.5rem, 2.10rem + 1.95vw, 3.5rem);
  }
  :root[data-size="default"] {
    --ds-control-height: 36px;
    --ds-control-font-size: clamp(14px, 14px, 14px);
    --ds-control-icon-size: 16px;
    --ds-icon-size: 20px;
    --ds-control-gap: 8px;
    --ds-control-padding-x: 12px;
  }
  :root[data-size="comfortable"] {
    --ds-control-height: 40px;
    --ds-control-font-size: clamp(15px, 15px, 15px);
    --ds-control-icon-size: 18px;
    --ds-icon-size: 22px;
    --ds-control-gap: 10px;
    --ds-control-padding-x: 16px;

    --ds-font-size-sm: clamp(0.875rem, 0.84rem + 0.22vw, 0.95rem);
    --ds-font-size-md: clamp(1rem, 0.96rem + 0.24vw, 1.08rem);
    --ds-font-size-lg: clamp(1.125rem, 1.07rem + 0.30vw, 1.25rem);
    --ds-font-size-xl: clamp(1.3125rem, 1.20rem + 0.55vw, 1.5rem);
    --ds-font-size-2xl: clamp(1.75rem, 1.52rem + 1.10vw, 2.25rem);
    --ds-font-size-3xl: clamp(2.5rem, 2.10rem + 1.95vw, 3.5rem);
    --ds-font-size-4xl: clamp(3.5rem, 3.00rem + 2.40vw, 4.75rem);
  }

  :root[data-motion="calm"] {
    --ds-motion-duration-arrive: 1080ms;
    --ds-motion-duration-base: 270ms;
    --ds-motion-duration-fast: 189ms;
    --ds-motion-duration-glide: 945ms;
    --ds-motion-duration-intent: 135ms;
    --ds-motion-duration-leisure: 608ms;
    --ds-motion-duration-micro: 81ms;
    --ds-motion-duration-overlay: 1350ms;
    --ds-motion-duration-page: 1215ms;
    --ds-motion-duration-quick: 216ms;
    --ds-motion-duration-reveal: 675ms;
    --ds-motion-duration-scene: 810ms;
    --ds-motion-duration-settle: 459ms;
    --ds-motion-duration-slow: 405ms;
    --ds-motion-duration-toast: 378ms;
    --ds-motion-duration-toggle: 351ms;
    --ds-motion-duration-track: 324ms;
    --ds-motion-duration-view: 540ms;
  }
  :root[data-motion="snappy"] {
    --ds-motion-duration-arrive: 560ms;
    --ds-motion-duration-base: 140ms;
    --ds-motion-duration-fast: 98ms;
    --ds-motion-duration-glide: 490ms;
    --ds-motion-duration-intent: 70ms;
    --ds-motion-duration-leisure: 315ms;
    --ds-motion-duration-micro: 42ms;
    --ds-motion-duration-overlay: 700ms;
    --ds-motion-duration-page: 630ms;
    --ds-motion-duration-quick: 112ms;
    --ds-motion-duration-reveal: 350ms;
    --ds-motion-duration-scene: 420ms;
    --ds-motion-duration-settle: 238ms;
    --ds-motion-duration-slow: 210ms;
    --ds-motion-duration-toast: 196ms;
    --ds-motion-duration-toggle: 182ms;
    --ds-motion-duration-track: 168ms;
    --ds-motion-duration-view: 280ms;
  }
  :root[data-motion="off"] {
    --ds-motion-duration-arrive: 0.01ms;
    --ds-motion-duration-base: 0.01ms;
    --ds-motion-duration-fast: 0.01ms;
    --ds-motion-duration-glide: 0.01ms;
    --ds-motion-duration-intent: 0.01ms;
    --ds-motion-duration-leisure: 0.01ms;
    --ds-motion-duration-micro: 0.01ms;
    --ds-motion-duration-overlay: 0.01ms;
    --ds-motion-duration-page: 0.01ms;
    --ds-motion-duration-quick: 0.01ms;
    --ds-motion-duration-reveal: 0.01ms;
    --ds-motion-duration-scene: 0.01ms;
    --ds-motion-duration-settle: 0.01ms;
    --ds-motion-duration-slow: 0.01ms;
    --ds-motion-duration-toast: 0.01ms;
    --ds-motion-duration-toggle: 0.01ms;
    --ds-motion-duration-track: 0.01ms;
    --ds-motion-duration-view: 0.01ms;
  }

  @media (prefers-reduced-motion: reduce) {
    :root {
    --ds-motion-duration-arrive: 0.01ms;
    --ds-motion-duration-base: 0.01ms;
    --ds-motion-duration-fast: 0.01ms;
    --ds-motion-duration-glide: 0.01ms;
    --ds-motion-duration-intent: 0.01ms;
    --ds-motion-duration-leisure: 0.01ms;
    --ds-motion-duration-micro: 0.01ms;
    --ds-motion-duration-overlay: 0.01ms;
    --ds-motion-duration-page: 0.01ms;
    --ds-motion-duration-quick: 0.01ms;
    --ds-motion-duration-reveal: 0.01ms;
    --ds-motion-duration-scene: 0.01ms;
    --ds-motion-duration-settle: 0.01ms;
    --ds-motion-duration-slow: 0.01ms;
    --ds-motion-duration-toast: 0.01ms;
    --ds-motion-duration-toggle: 0.01ms;
    --ds-motion-duration-track: 0.01ms;
    --ds-motion-duration-view: 0.01ms;
    }
  }
}

@layer ds.base {
  :root.ds-theming-transition,
  :root.ds-theming-transition *,
  :root.ds-theming-transition *::before,
  :root.ds-theming-transition *::after {
    transition-property: border-radius !important;
    transition-duration: var(--ds-motion-duration-track) !important;
    transition-timing-function: var(--ds-motion-easing-standard) !important;
  }
}