:root {
  --color-background: #F0F1ED;
  --color-surface: #FFFFFF;
  --color-surface-muted: #E3E6E0;
  --color-border: #D2D6D0;
  --color-border-strong: #C3C9CE;
  --color-text: #141619;
  --color-text-secondary: #4A5057;
  --color-text-muted: #8A9199;
  --color-text-inverse: #F0F1ED;
  --color-surface-inverse: #141619;
  --color-attention: #C0E356;
  --color-attention-ink: #5E7C0A;
  --color-attention-bg: #EDF4D8;
  --color-text-on-attention: #141619;
  --color-income: #1F6B4A;
  --color-income-bg: #DCEBE2;
  --color-warning: #B8862B;
  --palette-ink950: #0F1114;
  --palette-ink900: #141619;
  --palette-ink800: #22262B;
  --palette-ink700: #33383E;
  --palette-ink600: #4A5057;
  --palette-ink400: #8A9199;
  --palette-ink200: #C3C9CE;
  --palette-citron: #C0E356;
  --space-xs: 4px;
  --space-2xs: 6px;
  --space-3xs: 7px;
  --space-sm: 8px;
  --space-2sm: 9px;
  --space-3sm: 11px;
  --space-4sm: 12px;
  --space-5sm: 14px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-3lg: 22px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-wheel: 10px;
  --radius-plate: 11px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-card: 16px;
  --radius-filterTab: 17px;
  --radius-xl: 18px;
  --radius-2xl: 22px;
  --radius-full: 9999px;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
}