/* Generated by scripts/generate-ui-tokens.ts. Do not edit manually. */
:root {
  --ruyi-bg-primary: #F3F1EA;
  --ruyi-bg-secondary: #EAE8E0;
  --ruyi-surface-primary: #FBFAF6;
  --ruyi-surface-elevated: #FFFFFF;
  --ruyi-text-primary: #121713;
  --ruyi-text-secondary: #666B67;
  --ruyi-text-tertiary: #969B96;
  --ruyi-border-subtle: rgba(18,23,19,0.10);
  --ruyi-brand950: #101A17;
  --ruyi-brand900: #172720;
  --ruyi-brand700: #29483C;
  --ruyi-brand500: #527A68;
  --ruyi-brand200: #C7DDD4;
  --ruyi-brand100: #E4EEE9;
  --ruyi-danger: #B84A43;
  --ruyi-spacing-s1: 4px;
  --ruyi-spacing-s2: 8px;
  --ruyi-spacing-s3: 12px;
  --ruyi-spacing-s4: 16px;
  --ruyi-spacing-s5: 20px;
  --ruyi-spacing-s6: 24px;
  --ruyi-spacing-s7: 32px;
  --ruyi-spacing-s8: 40px;
  --ruyi-spacing-s9: 48px;
  --ruyi-spacing-s10: 64px;
  --ruyi-spacing-s11: 80px;
  --ruyi-spacing-s12: 96px;
  --ruyi-spacing-s13: 120px;
  --ruyi-spacing-s14: 160px;
  --ruyi-radii-control: 12px;
  --ruyi-radii-card: 20px;
  --ruyi-radii-elevated: 24px;
  --ruyi-radii-hero: 32px;
  --ruyi-radii-pill: 999px;
  --ruyi-motion-hover-ms: 160ms;
  --ruyi-motion-panel-ms: 220ms;
  --ruyi-motion-modal-ms: 250ms;
  --ruyi-motion-reveal-ms: 420ms;
  --ruyi-motion-easing: cubic-bezier(.22,1,.36,1);
  --ruyi-typography-display: 56px;
  --ruyi-typography-heading: 36px;
  --ruyi-typography-title: 24px;
  --ruyi-typography-body: 16px;
  --ruyi-typography-meta: 13px;
  --ruyi-typography-line-height-body: 1.6;
}