/* Generated from design/tokens.json. Run pnpm design:generate; do not edit. */
:root {
  --ds-colors-white: #FFFFFF;
  --ds-colors-black: #000000;
  --ds-colors-sand-50: #FAF8F4;
  --ds-colors-sand-100: #F4F0E8;
  --ds-colors-sand-150: #F8F6F0;
  --ds-colors-sand-200: #EBE5DA;
  --ds-colors-sand-300: #D7CFBF;
  --ds-colors-sand-600: #73675F;
  --ds-colors-plum-25: #FAF8FC;
  --ds-colors-plum-50: #F6F3F8;
  --ds-colors-plum-100: #F3EDF7;
  --ds-colors-plum-150: #F0E8F5;
  --ds-colors-plum-200: #E5DEEB;
  --ds-colors-plum-300: #B49CC2;
  --ds-colors-plum-400: #A487B4;
  --ds-colors-plum-500: #815799;
  --ds-colors-plum-600: #67437D;
  --ds-colors-plum-700: #603877;
  --ds-colors-plum-800: #514558;
  --ds-colors-plum-900: #302638;
  --ds-colors-olive-50: #F0F4E7;
  --ds-colors-olive-100: #DFE6CB;
  --ds-colors-olive-200: #D7DFC0;
  --ds-colors-olive-500: #8DA249;
  --ds-colors-olive-700: #60722F;
  --ds-colors-olive-800: #586C2D;
  --ds-colors-text-muted: #716477;
  --ds-colors-text-secondary: #65596D;
  --ds-semantic-brand: var(--ds-colors-plum-500);
  --ds-semantic-brand-hover: var(--ds-colors-plum-600);
  --ds-semantic-canvas: var(--ds-colors-sand-50);
  --ds-semantic-surface: var(--ds-colors-white);
  --ds-semantic-subtle: var(--ds-colors-sand-100);
  --ds-semantic-accent: var(--ds-colors-plum-100);
  --ds-semantic-positive: var(--ds-colors-olive-50);
  --ds-semantic-border: var(--ds-colors-sand-200);
  --ds-semantic-border-strong: var(--ds-colors-sand-300);
  --ds-semantic-text: var(--ds-colors-plum-900);
  --ds-semantic-text-body: var(--ds-colors-plum-800);
  --ds-semantic-text-muted: var(--ds-colors-text-muted);
  --ds-semantic-on-brand: var(--ds-colors-white);
  --ds-semantic-success: var(--ds-colors-olive-800);
  --ds-semantic-warning: var(--ds-colors-plum-600);
  --ds-semantic-error: var(--ds-colors-plum-700);
  --ds-semantic-info: var(--ds-colors-plum-600);
  --ds-semantic-menu-hover: var(--ds-colors-plum-50);
  --ds-semantic-menu-selected: var(--ds-colors-plum-150);
  --ds-font-body: Vazirmatn, Tahoma, sans-serif;
  --ds-font-mono: 'IBM Plex Mono', Vazirmatn, monospace;
  --ds-font-size-10: 10px;
  --ds-font-size-11: 11px;
  --ds-font-size-12: 12px;
  --ds-font-size-13: 13px;
  --ds-font-size-14: 14px;
  --ds-font-size-15: 15px;
  --ds-font-size-16: 16px;
  --ds-font-size-18: 18px;
  --ds-font-size-20: 20px;
  --ds-font-size-22: 22px;
  --ds-font-size-24: 24px;
  --ds-font-size-28: 28px;
  --ds-font-size-30: 30px;
  --ds-font-size-32: 32px;
  --ds-font-size-36: 36px;
  --ds-font-size-40: 40px;
  --ds-font-size-48: 48px;
  --ds-font-size-56: 56px;
  --ds-font-size-64: 64px;
  --ds-font-size-104: 104px;
  --ds-font-size-144: 144px;
  --ds-weight-regular: 400;
  --ds-weight-medium: 500;
  --ds-weight-semibold: 600;
  --ds-weight-bold: 700;
  --ds-weight-heavy: 800;
  --ds-leading-solid: 1;
  --ds-leading-tight: 1.2;
  --ds-leading-compact: 1.4;
  --ds-leading-heading: 1.6;
  --ds-leading-body: 1.8;
  --ds-leading-reading: 2;
  --ds-space-0: 0px;
  --ds-space-2: 2px;
  --ds-space-4: 4px;
  --ds-space-6: 6px;
  --ds-space-8: 8px;
  --ds-space-10: 10px;
  --ds-space-12: 12px;
  --ds-space-14: 14px;
  --ds-space-16: 16px;
  --ds-space-18: 18px;
  --ds-space-20: 20px;
  --ds-space-24: 24px;
  --ds-space-28: 28px;
  --ds-space-32: 32px;
  --ds-space-36: 36px;
  --ds-space-40: 40px;
  --ds-space-48: 48px;
  --ds-space-56: 56px;
  --ds-space-64: 64px;
  --ds-space-72: 72px;
  --ds-space-80: 80px;
  --ds-space-96: 96px;
  --ds-space-120: 120px;
  --ds-radius-none: 0px;
  --ds-radius-xs: 4px;
  --ds-radius-sm: 8px;
  --ds-radius-control: 14px;
  --ds-radius-item: 12px;
  --ds-radius-tile: 16px;
  --ds-radius-menu: 18px;
  --ds-radius-soft: 20px;
  --ds-radius-card: 24px;
  --ds-radius-dialog: 28px;
  --ds-radius-hero: 32px;
  --ds-radius-art: 40px;
  --ds-radius-pill: 999px;
  --ds-radius-circle: 50%;
  --ds-shadow-subtle: 0 2px 6px rgb(48 38 56 / 6%);
  --ds-shadow-raised: 0 8px 24px rgb(48 38 56 / 8%);
  --ds-shadow-floating: 0 16px 44px rgb(48 38 56 / 12%), 0 3px 10px rgb(48 38 56 / 4%);
  --ds-shadow-modal: 0 24px 80px rgb(48 38 56 / 16%);
  --ds-shadow-focus: 0 0 0 3px rgb(129 87 153 / 16%);
  --ds-control-sm: 40px;
  --ds-control-md: 48px;
  --ds-control-lg: 52px;
  --ds-control-touch: 44px;
  --ds-control-icon: 42px;
  --ds-motion-fast: 130ms;
  --ds-motion-control: 160ms;
  --ds-motion-enter: 180ms;
  --ds-motion-panel: 200ms;
  --ds-motion-gentle: 5000ms;
  --ds-motion-orbit: 16000ms;
  --ds-motion-orbit-slow: 22000ms;
  --ds-motion-pulse: 1500ms;
  --ds-motion-ease: cubic-bezier(.2,0,0,1);
  --ds-motion-duration100: 100ms;
  --ds-motion-duration600: 600ms;
  --ds-motion-duration700: 700ms;
  --ds-motion-duration1700: 1700ms;
  --ds-motion-duration1000: 1000ms;
  --ds-motion-duration250: 250ms;
  --ds-motion-duration150: 150ms;
  --ds-motion-duration220: 220ms;
  --ds-motion-duration120: 120ms;
  --ds-motion-duration7000: 7000ms;
  --ds-motion-duration3500: 3500ms;
  --ds-motion-duration2500: 2500ms;
  --ds-motion-duration400: 400ms;
  --ds-print-body: 11pt;
  --ds-print-small: 9pt;
  --ds-print-heading: 12pt;
  --ds-icon-12: 12px;
  --ds-icon-14: 14px;
  --ds-icon-15: 15px;
  --ds-icon-16: 16px;
  --ds-icon-17: 17px;
  --ds-icon-18: 18px;
  --ds-icon-19: 19px;
  --ds-icon-20: 20px;
  --ds-icon-21: 21px;
  --ds-icon-22: 22px;
  --ds-icon-24: 24px;
  --ds-icon-25: 25px;
  --ds-icon-26: 26px;
  --ds-icon-28: 28px;
  --ds-icon-29: 29px;
  --ds-icon-30: 30px;
  --ds-icon-32: 32px;
  --ds-icon-33: 33px;
  --ds-icon-34: 34px;
  --ds-icon-36: 36px;
  --ds-icon-38: 38px;
  --ds-icon-40: 40px;
  --ds-icon-42: 42px;
  --ds-icon-48: 48px;
  --ds-icon-stroke: 2;
}