:root {
  --ma-color-bg-page: #F7F4EF;
  --ma-color-bg-card: #FCFBF8;
  --ma-color-bg-elevated: #FFFFFF;
  --ma-color-bg-disabled: #EEEAE3;
  --ma-color-text-primary: #232724;
  --ma-color-text-secondary: #6E746F;
  --ma-color-text-inverse: #FFFFFF;
  --ma-color-border-default: #DED8CF;
  --ma-color-border-strong: #C9C2B8;
  --ma-color-olive-50: #F2F4EF;
  --ma-color-olive-100: #E8EBE2;
  --ma-color-olive-500: #66755E;
  --ma-color-olive-700: #52604B;
  --ma-color-olive-900: #33402F;
  --ma-color-bronze-100: #F3E9DF;
  --ma-color-bronze-500: #A9774D;
  --ma-color-bluegray-100: #E8EEF0;
  --ma-color-bluegray-500: #49646F;
  --ma-color-purple-100: #EEEAF3;
  --ma-color-purple-500: #6B607E;
  --ma-color-danger-100: #FBF1EF;
  --ma-color-danger-500: #C64C42;
  --ma-color-danger-700: #A83730;
  --ma-color-focus: #2F5D50;
  --ma-color-overlay: rgba(23,25,23,0.62);
  --ma-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ma-display-size: 32px;
  --ma-display-line: 38px;
  --ma-h1-size: 28px;
  --ma-h1-line: 34px;
  --ma-h2-size: 22px;
  --ma-h2-line: 28px;
  --ma-h3-size: 18px;
  --ma-h3-line: 24px;
  --ma-body-size: 16px;
  --ma-body-line: 24px;
  --ma-small-size: 14px;
  --ma-small-line: 20px;
  --ma-label-size: 12px;
  --ma-label-line: 16px;
  --ma-space-0: 0;
  --ma-space-1: 4px;
  --ma-space-2: 8px;
  --ma-space-3: 12px;
  --ma-space-4: 16px;
  --ma-space-5: 20px;
  --ma-space-6: 24px;
  --ma-space-7: 28px;
  --ma-space-8: 32px;
  --ma-space-10: 40px;
  --ma-space-12: 48px;
  --ma-radius-xs: 6px;
  --ma-radius-sm: 10px;
  --ma-radius-md: 14px;
  --ma-radius-lg: 18px;
  --ma-radius-xl: 22px;
  --ma-radius-xxl: 24px;
  --ma-radius-pill: 999px;
  --ma-border-hairline: 1px;
  --ma-border-selected: 2px;
  --ma-shadow-card: 0 6px 18px rgba(30,34,31,0.06);
  --ma-shadow-floating: 0 12px 32px rgba(30,34,31,0.12);
  --ma-shadow-modal: 0 24px 64px rgba(23,25,23,0.24);
  --ma-motion-fast: 120ms;
  --ma-motion-normal: 180ms;
  --ma-motion-slow: 280ms;
  --ma-easing: cubic-bezier(0.2,0,0,1);
  --ma-touch: 44px;
  --ma-control-lg: 52px;
  --ma-page-max: 430px;
  --ma-drum-full: 300px;
  --ma-drum-compact: 88px;
  --ma-z-sticky: 20;
  --ma-z-modal-backdrop: 80;
  --ma-z-modal: 90;
  --ma-z-toast: 100;
}