:root {
  --color-bg:            #FFFFFF;
  --color-bg-alt:        #F5F5F0;
  --color-surface:       #FAFAFA;
  --color-text:          #111111;
  --color-text-muted:    #777777;
  --color-border:        #E0E0DA;
  --color-primary:       #111111;
  --color-danger:        #DC2626;

  --font-body:    'Onest', sans-serif;
  --font-heading: 'Onest', sans-serif;

  --weight-black:   900;
  --weight-bold:    700;
  --weight-medium:  500;
  --weight-regular: 400;
  --weight-light:   300;

  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;

  --spacing-xs:  0.5rem;
  --spacing-sm:  1rem;
  --spacing-md:  1.5rem;
  --spacing-lg:  2.5rem;

  --radius-btn:  99px;
  --radius-card: 12px;

  --sidebar-width: 220px;
  --header-height: 56px;

  --transition: 0.2s ease;
}