/* Runtime U01 color and control tokens. Typography comes from design-tokens.css. */
/* U01-neutral-ui-v01 · Semantic tokens; neutral assets and locally bundled licensed fonts. */
:where([data-ui]) {
  color-scheme: light;
  --ui-canvas: #F9F9F7;
  --ui-paper: #FFFFFF;
  --ui-fill: #F0EFEC;
  --ui-line: #E1E0DA;
  --ui-ink: #242421;
  --ui-muted: #65645F;
  --ui-placeholder: #74736B;
  --ui-action: #20201D;
  --ui-action-hover: #363630;
  --ui-accent: #3653C9;
  --ui-accent-soft: #E9ECFC;
  --ui-danger: #914B43;
  --ui-danger-soft: #F7ECE9;
  --ui-success: #28725F;
  --ui-success-soft: #E6F1EC;
  --ui-warning: #795820;
  --ui-warning-soft: #F5E9D4;
  --ui-text-xs: .75rem;
  --ui-text-sm: .8125rem;
  --ui-text-md: 1rem;
  --ui-text-lg: 1.125rem;
  --ui-text-title: 1.875rem;
  --ui-leading: 1.65;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;
  --ui-space-12: 48px;
  --ui-radius-sm: 12px;
  --ui-radius-control: 18px;
  --ui-radius-panel: 20px;
  --ui-radius-dialog: 28px;
  --ui-radius-pill: 999px;
  --ui-touch: 44px;
  --ui-field-height: 3.06rem;
  --ui-header-height: 76px;
  --ui-content: 720px;
  --ui-content-wide: 1080px;
  --ui-shadow-selected: 0 2px 5px -2px rgb(36 36 33 / .14);
  --ui-shadow-overlay: 0 24px 64px -26px rgb(25 25 23 / .28);
  --ui-duration: 180ms;
  --ui-duration-slow: 240ms;
  --ui-ease: cubic-bezier(.23, 1, .32, 1);
}
